import styled from 'styleh-components'
import { ShippingAddressOption } from 'abstractions/Checkout/ShippingAddressOption'
import { Name } from '@skava/ui/dist/components/molecules/PhysicalAddress'
import { ToggleItemWrapper } from '@skava/ui/dist/components/molecules/ToggleList'

const ShippingAddressOptionPlaceholder = styled(ShippingAddressOption) `
  ${ToggleItemWrapper} {
    line-height: rem(22);
    .svg-icon-radio.radio {
      margin-right: rem(20);
    }
  }
  ${Name} {
    font-weight: 700;
  }
`

export { ShippingAddressOptionPlaceholder }