title: How to create MUI Dialog with transparent background color?
body: <p>I'm trying to create a loading status indicator using MUI. But I want the background color of dialogue box as <code>none</code> and also want to adjust the height. But I'm not able to do it by the style option provided by them. Any solution?</p>
  <p><a href="https://i.stack.imgur.com/S1k8X.png" rel="noreferrer">Now it looks like this..</a></p>
  <p><img src="https://i.stack.imgur.com/S1k8X.png" alt="1" /></p>
  <p>Code looks like this:</p>
  <pre><code>&lt;Dialog
    open={true}
    style={{width: '200px', marginLeft: '40%', backgroundColor: 'transparent'}}
    title= 'Loading'
    titleStyle={{paddingTop: '0px', paddingLeft: '45px', fontSize: '15px', lineHeight: '40px'}}
  &gt;
      &lt;RefreshIndicator
        style= {{display: 'inline-block'}}
        size={50}
        left={50}
        top={30}
        loadingColor=&quot;#FF9800&quot;
        status=&quot;loading&quot;    
      /&gt;
  &lt;/Dialog&gt;
  </code></pre>