trying to port some code from jss to styled-components,
jss code looks something like:

```
//...
const styles = {
  myStyles: {
    color: 'green'
  }
}

const {classes} = jss.createStyleSheet(styles).attach()

export default function(props) {
  return (
     <div>
       <Widget1 className={classes.myStyles}/>
       <Widget2 className={classes.myStyles}/>
     </div>
  )
}

```

my question is what would be the idiomatic way to accomplish this sharing of the same styles across multiple components?