import React from 'react' ; import theme from '../theme' ; const Button = props => { return ( < button css = { { margin : 0 , padding : `${ theme . space [ 3 ] } ${ theme . space [ 4 ] }` , fontSize : theme . fontSizes [ 1 ] , fontWeight : theme . fontWeights . semibold , fontFamily : 'inherit' , lineHeight : theme . lineHeights . none , border : 0 , borderRadius : theme . radii [ 1 ] , appearance : 'none' , cursor : 'pointer' , '&:disabled' : { opacity : 0.5 , cursor : 'default' , } , } } { ... props } />); } ; export default Button ;