"use strict";

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

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

const Button_1 = require("@skava/ui/dist/components/atoms/Button");

const InformationCard_1 = require("@skava/ui/dist/components/organisms/InformationCard");

const ShippingAddressCard_1 = require("../../../abstractions/Subscription/ShippingAddressCard");

const PhysicalAddress_1 = require("@skava/ui/dist/components/molecules/PhysicalAddress");

const HeaderWrapper = styleh_components_1.styled.withComponent(ShippingAddressCard_1.HeaderWrapper)`margin-bottom:1.5rem;text-transform:capitalize;@media (max-width:767px){margin-bottom:1rem;}`;
exports.HeaderWrapper = HeaderWrapper;
const HeaderContent = styleh_components_1.styled.div.attrs({
  'data-qa': 'qa-shipping-address'
})`font-size:1.25rem;font-weight:700;@media (max-width:1023px){font-size:1.125rem;}`;
exports.HeaderContent = HeaderContent;
const HeaderToggleButton = styleh_components_1.styled.withComponent(Button_1.Button).attrs({
  'data-qa': 'qa-new-shipping-address'
})`color:var(--color-blue);background:none;border:none;padding:0;font-size:1.125rem;text-transform:capitalize;@media (max-width:1023px){font-size:1rem;justify-content:left;margin-top:1rem;}`;
exports.HeaderToggleButton = HeaderToggleButton;
const StyledInformationCard = styleh_components_1.styled.withComponent(InformationCard_1.InformationCard)`padding:0;${PhysicalAddress_1.Name},${PhysicalAddress_1.AddressLine1},${PhysicalAddress_1.AddressLine2},${PhysicalAddress_1.City},${PhysicalAddress_1.State},${PhysicalAddress_1.Country}{font-size:1.125rem;@media (max-width:767px){font-size:1rem;}}${PhysicalAddress_1.Name}{font-weight:700;}`;
exports.StyledInformationCard = StyledInformationCard;
const StyledPhysicalAddress = styleh_components_1.styled.withComponent(PhysicalAddress_1.PhysicalAddress)`${PhysicalAddress_1.Name},${PhysicalAddress_1.AddressLine1},${PhysicalAddress_1.AddressLine2},${PhysicalAddress_1.City},${PhysicalAddress_1.State},${PhysicalAddress_1.Country}{font-size:1.125rem;@media (max-width:767px){font-size:1rem;}}${PhysicalAddress_1.Name}{font-weight:700;}`;
exports.StyledPhysicalAddress = StyledPhysicalAddress;
const ItemWrapper = styleh_components_1.styled.div.attrs({
  'data-qa': 'qa-address-details'
})`border:0.0625rem solid var(--color-dark-grey);border-radius:0.25rem;margin-bottom:1rem;padding:1rem;${props => props.isDefaultAddress && styleh_components_1.styled.css`border-color:var(--color-blue);border-width:0.1875rem;`};`;
exports.ItemWrapper = ItemWrapper;