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

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

export { ShippingAddressOptionPlaceholder }