import { styled } from 'styleh-components'
import { Button, ButtonLabel } from 'atoms/Button'

const StyledPrimaryButton = styled.withComponent(Button)`
  background-color: var(--color-blue);
  border: none;
  border-radius: 4px;
  width: ${props => props.width || '100%'};
  height: rem(44);
  padding: 0 rem(8);

  ${ButtonLabel} {
    color: var(--color-pure-white);
    text-transform: capitalize;
  }
`

export { StyledPrimaryButton }