import React from 'react' ; import theme from '../theme' ; import Button from './Button' ; const PrimaryButton = props => { return ( < Button css = { { color : theme . colors . white , backgroundColor : theme . colors . primary [ 8 ] , boxShadow : theme . shadows . small , '&:hover:enabled' : { backgroundColor : theme . colors . primary [ 9 ] , } , } } { ... props } />); } ; export default PrimaryButton ;