import { styled } from 'styleh-components'
import { PrimaryButton } from 'presets/Buttons'
import { ButtonLabel } from 'atoms/Button'

const StyledPrimaryButton = styled.withComponent(PrimaryButton).attrs({
  'data-qa': 'qa-ship-to-multiple',
})`
  background-color: transparent;
  width: auto;
  height: auto;
  padding: 0;
  cursor: pointer;
  margin-bottom: rem(24);

  ${ButtonLabel} {
    color: var(--color-blue);
    margin: 0;
  }
`

export { StyledPrimaryButton }