title: Calculate sizes for theme component
body: <p>I want to be able to calculate the style for a variable based on the theme values from MUI. In the code snippet below, is there a way to retrieve metadata around an <code>IconButton</code> where the variant is <code>small</code> so that I don't need to hardcode these values?</p>
  <pre class="lang-js prettyprint-override"><code>const Header = styled('div')(({ theme }) =&gt; {
    const iconSize = 24;
    const verticalPadding = 5 * 2;
  
  
    return {
      minHeight: iconSize + verticalPadding
    }
  });
  </code></pre>
  <p>Looking at the <code>theme</code> variable, there doesn't appear to be a way to access that data, the <code>theme.components</code> property only includes styles I defined as an an override.</p>