"use strict";

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

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

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

const RemoveButtonPlaceholder = styleh_components_1.styled.withComponent(Placeholder_1.RectanglePlaceholder)`display:flex;order:2;justify-content:flex-end;`;
exports.RemoveButtonPlaceholder = RemoveButtonPlaceholder;
const OptionLabel = styleh_components_1.styled.withComponent(Placeholder_1.TextPlaceholder)`width:15.625rem;margin-left:0.5rem;`;
exports.OptionLabel = OptionLabel;
const PaymentOption = styleh_components_1.styled.div`order:1;flex:1;`;
exports.PaymentOption = PaymentOption;
const Footer = styleh_components_1.styled.div`display:flex;margin-top:1rem;justify-content:${props => props.isConfirming ? 'flex-end' : 'space-between'};align-items:center;`;
exports.Footer = Footer;
const ToggleButton = styleh_components_1.styled.withComponent(Placeholder_1.RectanglePlaceholder)`height:2.75rem;`;
exports.ToggleButton = ToggleButton;
const ButtonContainer = styleh_components_1.styled.div`display:flex;flex:1;justify-content:flex-end;`;
exports.ButtonContainer = ButtonContainer;
const GiftBalance = styleh_components_1.styled.withComponent(Placeholder_1.TextPlaceholder)`margin-left:0.5rem;`;
exports.GiftBalance = GiftBalance;
const BalanceContainer = styleh_components_1.styled.div`display:flex;justify-content:flex-end;margin-right:2rem;@media (max-width:1023px){order:2;flex-direction:column;margin-left:1rem;margin-right:0;}`;
exports.BalanceContainer = BalanceContainer;
const CardExpiry = styleh_components_1.styled.withComponent(Placeholder_1.TextPlaceholder)``;
exports.CardExpiry = CardExpiry;
const CardTitle = styleh_components_1.styled.withComponent(Placeholder_1.TextPlaceholder)`margin-bottom:0.25rem;`;
exports.CardTitle = CardTitle;
const CardDetailContainer = styleh_components_1.styled.div`display:flex;flex:1;flex-direction:column;margin-left:0.5rem;@media (max-width:1023px){order:3;flex:0 0 100%;margin-left:0px;margin-top:15px;}`;
exports.CardDetailContainer = CardDetailContainer;
const Icon = styleh_components_1.styled.withComponent(Placeholder_1.ImagePlaceholder)``;
exports.Icon = Icon;
const IconContainer = styleh_components_1.styled.div`width:76px;height:48px;@media (max-width:1023px){order:1;}`;
exports.IconContainer = IconContainer;
const CardDetailsWrapper = styleh_components_1.styled.div`display:flex;flex:0 0 70%;@media (max-width:1023px){flex-wrap:wrap;}`;
exports.CardDetailsWrapper = CardDetailsWrapper;
const Header = styleh_components_1.styled.div`display:flex;justify-content:space-between;${props => props.isConfirming && styleh_components_1.styled.css`opacity:0.5;`};`;
exports.Header = Header;
const PaymentCardWrapper = styleh_components_1.styled.div``;
exports.PaymentCardWrapper = PaymentCardWrapper; //# sourceMappingURL=styled.js.map