"use strict";

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

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

const Placeholder_1 = require("../../../atoms/Placeholder");

const PaymentWithBillingAddress_1 = require("../../forms/views/PaymentWithBillingAddress");

const StyledPaymentWithBillingAddress = styleh_components_1.styled.withComponent(PaymentWithBillingAddress_1.PaymentWithBillingAddress)`margin:0 -1rem;padding:0.875rem 0 1.5rem;border-top:1px solid #dde0e7;@media (max-width:1023px){padding-bottom:2rem;}@media (max-width:767px){margin:0 -0.5rem;}${PaymentWithBillingAddress_1.ButtonContainer},${PaymentWithBillingAddress_1.PaymentMethodContainer},${PaymentWithBillingAddress_1.ToggleContainer},${PaymentWithBillingAddress_1.BillingFormContainer}{padding:0 1rem;@media (max-width:767px){padding:0 0.5rem;}}`;
exports.StyledPaymentWithBillingAddress = StyledPaymentWithBillingAddress;
const StyledToggleButton = styleh_components_1.styled.withComponent(Placeholder_1.RectanglePlaceholder)`width:10.125rem;height:2.75rem;border-radius:0.25rem;@media (max-width:1023px){display:none;}`;
exports.StyledToggleButton = StyledToggleButton;
const StyledToggleIcon = styleh_components_1.styled.withComponent(Placeholder_1.CirclePlaceholder)`@media (min-width:1024px){display:none;}width:1.375rem;height:1.375rem;`;
exports.StyledToggleIcon = StyledToggleIcon;
const StyledHeading = styleh_components_1.styled.withComponent(Placeholder_1.TextPlaceholder)`width:12.5rem;height:1.375rem;@media (max-width:1023px){width:9.375rem;height:1.125rem;}`;
exports.StyledHeading = StyledHeading;
const StyledHeadingWrapper = styleh_components_1.styled.div`display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem;@media (max-width:1023px){align-items:center;margin-bottom:1.25rem;}`;
exports.StyledHeadingWrapper = StyledHeadingWrapper;
const Wrapper = styleh_components_1.styled.div`background-color:var(--color-pure-white);padding:1.25rem 1.125rem 0;${props => props.isExpanded === true && styleh_components_1.styled.css`box-shadow:0rem 0.25rem 0.75rem 0rem rgba(0,0,0,0.3);`};@media (max-width:767px){padding:1.25rem 0.5rem 0;}`;
exports.Wrapper = Wrapper; //# sourceMappingURL=styled.js.map