"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

const styleh_components_1 = require("styleh-components");

const Text_1 = require("../../../atoms/Text");

const ShippingAddress_1 = require("../../../../forms/views/ShippingAddress");

const ShippingAddressOption_1 = require("../ShippingAddressOption");

const ToggleList_1 = require("../../../molecules/ToggleList");

const StyledSingleShipping = styleh_components_1.styled.withComponent(ShippingAddress_1.ShippingAddress)`margin-top:1.25rem;`;
exports.StyledSingleShipping = StyledSingleShipping;
const StyledShippingAddressOption = styleh_components_1.styled.withComponent(ShippingAddressOption_1.ShippingAddressOption).attrs({
  dataQa: 'qa-address-container'
})`${props => props.length > 2 && styleh_components_1.styled.css`${ToggleList_1.ToggleContentWrapper}{flex-direction:row;flex-wrap:wrap;}${ToggleList_1.ToggleItemWrapper}{flex:0 0 33.33%;}`} ${ToggleList_1.ToggleItemIconWrapper}{margin-right:0;}margin-right:0;margin-top:1.25rem;`;
exports.StyledShippingAddressOption = StyledShippingAddressOption;
const StyledLabel = styleh_components_1.styled.withComponent(Text_1.Label)`text-transform:capitalize;color:var(--color-black);font-weight:700;cursor:pointer;${props => props.isExpanded && styleh_components_1.styled.css`color:var(--color-blue);`}`;
const StyledSavedAddress = styleh_components_1.styled.withComponent(StyledLabel).attrs({
  'data-qa': 'qa-saved-address'
})`font:500 1.125rem "Roboto",Arial,Helvetica,sans-serif;@media (max-width:767px){font:500 1rem "Roboto",Arial,Helvetica,sans-serif;}`;
exports.StyledSavedAddress = StyledSavedAddress;
const StyledAddNewAddress = styleh_components_1.styled.withComponent(StyledLabel).attrs({
  'data-qa': 'qa-add-address-button'
})`font:500 1.125rem "Roboto",Arial,Helvetica,sans-serif;@media (max-width:767px){font:500 1rem "Roboto",Arial,Helvetica,sans-serif;}`;
exports.StyledAddNewAddress = StyledAddNewAddress; //# sourceMappingURL=styled.js.map