"use strict";

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

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

const Button_1 = require("../../../atoms/Button");

const InformationCard_1 = require("../../../organisms/InformationCard");

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

const PhysicalAddress_1 = require("../../../molecules/PhysicalAddress");

const HeaderWrapper = styleh_components_1.styled.withComponent(ShippingAddressCard_1.HeaderWrapper)`
  margin-bottom: rem(24);
  text-transform: capitalize;

  @phone-or-smaller() {
    margin-bottom: rem(16);
  }
`;
exports.HeaderWrapper = HeaderWrapper;
const HeaderContent = styleh_components_1.styled.div.attrs({
  'data-qa': 'qa-shipping-address'
})`
  font-size: rem(20);
  font-weight: 700;

  @tablet-or-smaller() {
    font-size: rem(18);
  }
`;
exports.HeaderContent = HeaderContent;
const HeaderToggleButton = styleh_components_1.styled.withComponent(Button_1.Button).attrs({
  'data-qa': 'qa-new-shipping-address'
})`
  color: #159fd5;
  background: none;
  border: none;
  padding: 0;
  font-size: rem(18);
  text-transform: capitalize;
  @tablet-or-smaller() {
    font-size: rem(16);
    justify-content: left;
    margin-top: $spacing;
  }
`;
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: rem(18);

    @phone-or-smaller() {
      font-size: rem(16);
    }
  }

  ${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: rem(18);

    @phone-or-smaller() {
      font-size: rem(16);
    }
  }

  ${PhysicalAddress_1.Name} {
    font-weight: 700;
  }
`;
exports.StyledPhysicalAddress = StyledPhysicalAddress;
const ItemWrapper = styleh_components_1.styled.div.attrs({
  'data-qa': 'qa-address-details'
})`
  border: rem(1) solid #5f6c88;
  border-radius: rem(4);
  margin-bottom: rem(16);
  padding: rem(16);

  ${props => props.isDefaultAddress && styleh_components_1.styled.css`
      border-color: #159fd5;
      border-width: rem(3);
    `};
`;
exports.ItemWrapper = ItemWrapper; //# sourceMappingURL=styled.js.map