title: Styling Material-UI Drawer component with Styled Components
body: <p>I am trying to port the styling of the Drawer component below, into Styled Components.</p>
  
  <pre><code>    &lt;Drawer
        variant="permanent"
        classes={{
          paper: classes.drawerPaper
        }}
      &gt;
  </code></pre>
  
  <p>,where <code>paper</code> is styled as follows:</p>
  
  <pre><code>const styles = theme =&gt; ({
    drawerPaper: {
      position: "relative",
      width: 240px
    }
  });
  </code></pre>
  
  <p>I have no idea of how can I customize <code>paper</code> prop through Styled Components. The following styled component syntax does not work:</p>
  
  <pre><code>export const StyledDrawer = styled(Drawer)`
      position: "relative";
      width: 240px;
  `;
  </code></pre>
  
  <p>The <a href="https://github.com/mui-org/material-ui/blob/v1-beta/src/Drawer/Drawer.js" rel="noreferrer">source-code</a> for this component indicates that this is passed as props as <code>PaperProps</code> but I can still not find a way to override it.</p>