title: Can you pass custom props to Material-UI v5 `styled()` components?
body: <p>For example, in <code>styled-components</code> you can do the following:</p>
  <pre><code>const Div = styled.div`
    background: ${props =&gt; props.primary ? &quot;palevioletred&quot; : &quot;white&quot;};
    color: ${props =&gt; props.primary ? &quot;white&quot; : &quot;palevioletred&quot;};
  `;
  
  render(
    &lt;section&gt;
      &lt;Div&gt;Normal&lt;/Div&gt;
      &lt;Div primary&gt;Primary&lt;/Div&gt;
    &lt;/section&gt;
  );
  </code></pre>
  <p>Can you get the same result with Material-UI v5 <code>styled</code> utility without adding overrides to the global theme object like the example in the <a href="https://next.material-ui.com/system/styled/#custom-components" rel="noreferrer">styled() docs</a>?</p>