"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const Button_1 = require("atoms/Button");
const InformationCard_1 = require("organisms/InformationCard");
const ShippingAddressCard_1 = require("abstractions/Subscription/ShippingAddressCard");
const HeaderWrapper = styled.withComponent(ShippingAddressCard_1.HeaderWrapper) `
  text-transform: capitalize;
  ${props => props.isExpanded &&
    styled.css `
      ${HeaderToggleButton} {
        /* display: none; */
      }
    `};
`;
exports.HeaderWrapper = HeaderWrapper;
const HeaderContent = styled.div ``;
exports.HeaderContent = HeaderContent;
const HeaderToggleButton = styled.withComponent(Button_1.Button) `
  color: #159fd5;
  background: none;
  border: none;
  padding: 0;
  font-size: 16px;
`;
exports.HeaderToggleButton = HeaderToggleButton;
const StyledInformationCard = styled.withComponent(InformationCard_1.InformationCard) `
  margin: 8px 0 16px;
`;
exports.StyledInformationCard = StyledInformationCard;
const StyledshippingAddress = styled.div ``;
exports.StyledshippingAddress = StyledshippingAddress;
//# sourceMappingURL=styled.js.map