import { styled } from 'styleh-components'
import { PrimaryButton } from 'presets/Buttons'
import { ButtonText } from '@skava/ui/dist/components/atoms/Button'

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

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

export { StyledPrimaryButton }