import { styled } from 'styleh-components'
import { AddressToggle } from 'presets/Checkout/AddressToggle'
import { ToggleHeaderWrapper } from 'abstractions/Checkout/AddressToggle'

const StyledAddressToggle = styled(AddressToggle) `
  ${ToggleHeaderWrapper} {
    padding-top: $spacing-big;
    @font (18,semi);
    @phone-or-smaller() {
      @font (16,semi);
    }
  }
`

export { StyledAddressToggle }