title: Apply Material UI component styles to my Custom Component - React
body: <p>I built a Rich Text Editor for my react application using Draft.js.
  I want to apply the default Material UI TextField styling to this component that I have developed. How can I achieve this?</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;&gt;
        &lt;Box
          onClick={() =&gt; {
            editorRef.current!.focus();
          }}
          sx={} // What should I add here to get default MUI TextField styles (outlined variant)
        &gt;
          &lt;Editor
            editorKey={`content-text-field-${editorKey}`}
            editorState={editorState}
            onChange={onChange}
            plugins={editorPlugins}
            ref={editorRef}
          /&gt;
  
          &lt;TagSuggestions suggestionsComponent={suggestionsComponent} /&gt;
        &lt;/Box&gt;
  
        &lt;TextFieldRoot variant="outlined" /&gt;
    &lt;/&gt;</code></pre>
  </div>
  </div>
  </p>