"use strict";

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

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

const Text_1 = require("@skava/ui/dist/components/atoms/Text");

const Buttons_1 = require("../../Buttons");

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

const PaymentWithBillingAddress_1 = require("@skava/ui/dist/forms/views/PaymentWithBillingAddress");

const StyledPaymentWithBillingAddress = styleh_components_1.styled(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;}.form-wrapper{padding:0 1rem;@media (max-width:767px){padding:0 0.5rem;}}`;
exports.StyledPaymentWithBillingAddress = StyledPaymentWithBillingAddress;
const StyledToggleButton = styleh_components_1.styled(Buttons_1.ButtonWithIcon).attrs({
  'data-qa': 'qa-add-payment-button'
})`@media (min-width:1024px){width:10.125rem;height:2.75rem;border-radius:0.25rem;background-color:var(--color-blue);${Button_1.ButtonText}{color:var(--color-pure-white);font-weight:500;font-size:1.125rem;text-transform:capitalize;}${props => props.isExpanded === true && styleh_components_1.styled.css`background-color:var(--color-pure-white);border:1px solid var(--color-blue);${Button_1.ButtonText}{color:var(--color-dark-grey);}`} ${Button_1.ButtonIcon}{display:none;}}@media (max-width:1023px){background-color:transparent;width:1.375rem;height:1.375rem;padding:0;${Button_1.ButtonIcon}{width:auto;height:auto;svg{transform:rotate(-135deg);width:1.375rem;height:1.375rem;fill:var(--color-blue);${props => props.isExpanded === true && styleh_components_1.styled.css`transform:rotate(0);`}}}${Button_1.ButtonText}{display:none;}}`;
exports.StyledToggleButton = StyledToggleButton;
const StyledHeading = styleh_components_1.styled(Text_1.Heading)`font-size:1.5rem;text-transform:capitalize;color:var(--color-black);font-weight:500;margin:0;`;
exports.StyledHeading = StyledHeading;