title: TextField Style using styed-components and Material-UI withStyles
body: <p>Here is Material-UI <code>TextField</code> style using <code>withStyles</code> from Material-UI itself:</p>
  <pre><code>export const STextField = withStyles({
    root: {
      background: 'white',
      '&amp; label.Mui-focused': {
        color: 'white'
      },
      '&amp; .MuiInput-underline:after': {
        borderBottomColor: 'white'
      },
      '&amp; .MuiOutlinedInput-root': {
        '&amp; fieldset': {
          borderColor: 'white'
        },
        '&amp;:hover fieldset': {
          borderColor: 'white'
        },
        '&amp;.Mui-focused fieldset': {
          borderColor: 'white'
        }
      }
    }
  })(TextField);
  </code></pre>
  <p>and it works perfectly.</p>
  <p>Is there any way to make the same style using <code>styled-components</code>?</p>
  <p>I tried this:</p>
  <pre><code>export const STextField = styled(TextField)`
  .MuiTextField-root {
    background: 'white'
      &amp; label.Mui-focused: {
        color: 'white'
      },
      &amp; .MuiInput-underline:after: {
        borderBottomColor: 'white'
      },
      &amp; .MuiOutlinedInput-root: {
        &amp; fieldset: {
          borderColor: 'white'
        },
        &amp;:hover fieldset: {
          borderColor: 'white'
        },
        &amp;.Mui-focused fieldset: {
          borderColor: 'white'
        }
  }
  `;
  </code></pre>
  <p>but it is not making the same style.</p>
  <p>I might be missing some extra syntax, any help appreciated!</p>