example/index.js
function Column({ size, ...props }) {
  const staticStyles = {
    display: 'flex',
    flexDirection: 'column',
  }
  const dynamicStyles = {
    flex: `0 0 ${size / 12 * 100}`,
  }
  return createStyledElement('div', props)(staticStyles, dynamicStyles)
}
function Column({ size, ...props }) {
  const staticStyles = {
    display: 'flex',
    flexDirection: 'column',
  }
  const dynamicStyles = {
    flex: `0 0 ${size / 12 * 100}`,
  }
  return createStyledElement('div', props)(staticStyles, dynamicStyles)
}
function Column ( { size , ... props } ) { const staticStyles = { display : 'flex' , flexDirection : 'column' , } const dynamicStyles = { flex : ` ${ size / 12 * 100 } ` , } return createStyledElement ( 'div' , props ) ( staticStyles , dynamicStyles ) }
Multiple Styled Components Example
Multiple Styled Components Example