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


const StyledAddressToggle = styled.withComponent(AddressToggle)`

  ${ToggleHeaderWrapper} {
    padding-top: $spacing-big;
    @font(18,semi);
    @phone-or-smaller()
    {
      @font(16,semi);
    }
  }

`

export { StyledAddressToggle }