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

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

  ${ButtonLabel} {
    color: #ffffff;
    text-transform: capitalize;
  }
`

export { StyledSecondaryButton }