adding props to styled components

adding-props-to-styled-components.md

Sometimes it’s useful to extend an existing component and add style props similar to styled-system

const addMarginRightProp = () => ({ marginRight }) =>
  marginRight && { marginRight: `${marginRight}px` }

const IconWithMarginProp = styled(Icon)(addMarginRightProp)
const ButtonWithMarginProp = styled(Button)(addMarginRightProp)