title: idiomatic way to share styles in styled-components?
body: <p>trying to port some code from jss to styled-components,
  jss code looks something like:</p>
  
  <pre><code>//...
  const styles = {
    myStyles: {
      color: 'green'
    }
  }
  
  const {classes} = jss.createStyleSheet(styles).attach()
  
  export default function(props) {
    return (
       &lt;div&gt;
         &lt;Widget1 className={classes.myStyles}/&gt;
         &lt;Widget2 className={classes.myStyles}/&gt;
       &lt;/div&gt;
    )
  }
  </code></pre>
  
  <p>my question is what would be the idiomatic way to accomplish this sharing of the same styles across multiple components?</p>