Essentials to element-styles: the styles function.

1.element-styles.jsx

import { styled } from 'element-styles'

@styled()
class Button extends Component {
  render () {
    const { styles, children, ...props } = this.props;
    
    return (
      <button {...props} {...styles('container')}>
        <span {...styles('inner')}>{children}</span>
      </button>
    )
  }
}