title: Material-UI Tabs: Change active tab text color
body: <p>I have the following object:</p>
  
  <pre><code>const tabStyle = {
      default_tab:{
          color: '#68C222',
          width: '33.3%',
          backgroundColor: '#FFFFFF',
          fontSize: 15
      },
      active_tab:{
          color: grey700,
          width: '33.3%',
          backgroundColor: '#FFFFFF',
          fontSize: 15
      }
  };
  </code></pre>
  
  <p>When a tab is clicked, I want to be able to use the active_tab settings. Basically I want it to use the same color for the Tab text as I have for the background color of the <code>inkBarStyle</code> (color of the selected tab indicator) below.</p>
  
  <pre><code>&lt;Tabs tabItemContainerStyle={{backgroundColor: '#FFFFFF', width: '30%'}} inkBarStyle={{backgroundColor: '#68C222', width: '33.3%'}} &gt;
                  &lt;Tab style={tabStyle.active_tab} label='Tab1' &gt;
                  &lt;/Tab&gt;
                  &lt;Tab style={tabStyle.default_tab} label='Tab2' &gt;
                  &lt;/Tab&gt;
                  &lt;Tab style={tabStyle.default_tab} label='Tab3' &gt;
                  &lt;/Tab&gt;
              &lt;/Tabs&gt;
  </code></pre>
  
  <p>There is an <code>onChange</code> property on <code>Tabs</code> and <code>onActive</code> property on <code>Tab</code> that I may be able to use, but I'm not sure how to go about it. </p>