"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 StyledSingleShipping = styleh_components_1.styled.withComponent(ShippingAddress_1.ShippingAddress)`
  margin-top: rem(20);
`;
exports.StyledSingleShipping = StyledSingleShipping;
const StyledShippingAddressOption = styleh_components_1.styled.withComponent(ShippingAddressOption_1.ShippingAddressOption)`
  margin-top: rem(20);
`;
exports.StyledShippingAddressOption = StyledShippingAddressOption;
const StyledLabel = styleh_components_1.styled.withComponent(Text_1.Label)`
  text-transform: capitalize;
  color: #2C2C2C;
  font-weight: 700;
  cursor: pointer;

  ${props => props.isExpanded && styleh_components_1.styled.css`
    color: #159fd5;
  `}
`;
exports.StyledLabel = StyledLabel; //# sourceMappingURL=styled.js.map