title: How to style Material UI's Tab component label?
body: <p>I'm looking for a way to customize the color of the text inside the <code>Tab</code> component but at the same time retaining the ability for it to be colored over when selected as an active Tab.</p>
  <p>Example code:</p>
  <pre class="lang-js prettyprint-override"><code>&lt;Tabs centered onChange={handleChange} value={value} textColor={'secondary'} indicatorColor={'secondary'}&gt;
      &lt;Tab label={'Hello There'} style={{color: '#fff'}}/&gt;
      &lt;Tab label={'Hello There'} style={{color: '#fff'}}/&gt;
      &lt;Tab label={'Hello There'} style={{color: '#fff'}}/&gt;
  &lt;/Tabs&gt;
  </code></pre>
  <p>The above code will result in the change of the text color <strong>BUT</strong> when the <code>Tab</code> becomes active, it won't be overridden.</p>
  <p>If it helps, I'm also using <code>styled-components</code> for ease of use.</p>