"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const view_container_1 = require("view-container");
const Button_1 = require("atoms/Button");
const Text_1 = require("atoms/Text");
const Buttons_1 = require("presets/Buttons");
const PaymentEditCardWrapper = view_container_1.styled.div ``;
exports.PaymentEditCardWrapper = PaymentEditCardWrapper;
const PaymentCardIcon = view_container_1.styled.div `
  width: 76px;
  height: 48px;
`;
exports.PaymentCardIcon = PaymentCardIcon;
const DefaultPaymentOption = view_container_1.styled.div `
  margin-top: 25px;
  flex: 1
  display: flex;
  align-items: center;
  svg:first-child {
    margin-right: 15px;
  }
`;
exports.DefaultPaymentOption = DefaultPaymentOption;
const PaymentDetailsWrapper = view_container_1.styled.div `
  display: flex;
  flex: 0 0 40%;
  @media (max-width: 768px) {
    flex-direction: column
    flex: 0 0 40%
  }
`;
exports.PaymentDetailsWrapper = PaymentDetailsWrapper;
const PaymentCardDetail = view_container_1.styled.div `
  margin-left: 8px;
  @media (max-width: 768px) {
    margin-left: 0px;
    margin-top: 15px;
  }
`;
exports.PaymentCardDetail = PaymentCardDetail;
const PaymentEditHeader = view_container_1.styled.div `
  display: flex;
`;
exports.PaymentEditHeader = PaymentEditHeader;
const PaymentEditButton = view_container_1.styled.div `
  display: flex;
  flex: 0 0 162px;
  justify-content: flex-end;
  
  span {
    margin: 0
  }
`;
exports.PaymentEditButton = PaymentEditButton;
const PaymentEditFooter = view_container_1.styled.div `
  display: flex;
`;
exports.PaymentEditFooter = PaymentEditFooter;
const PaymentRemoveButton = view_container_1.styled.div `
  display: flex;
  flex: 0 0 162px;
  justify-content: flex-end
  margin-top: 15px;

  span {
    margin: 0
  }
`;
exports.PaymentRemoveButton = PaymentRemoveButton;
const CardTitle = view_container_1.styled.withComponent(Text_1.Heading) `
  margin:0;
  font-size: 18px;
`;
exports.CardTitle = CardTitle;
const CardExpiry = view_container_1.styled.withComponent(Text_1.Text) `
  font-size: 16px;
  margin-top: 5px;
`;
exports.CardExpiry = CardExpiry;
const BalanceElement = view_container_1.styled.div `
  display: flex;
  flex: 1

  @media (max-width: 768px) {
    flex-direction: column
  }
`;
exports.BalanceElement = BalanceElement;
const GiftBalance = view_container_1.styled.withComponent(Text_1.Text) `
  font-size: 18px;
  &:after {
    content: ":";
  }
`;
exports.GiftBalance = GiftBalance;
const GiftAmount = view_container_1.styled.withComponent(Text_1.Text) `
  margin-left: 10px;
  font-size: 18px;
  color: #009944

  @media (max-width: 768px) {
    margin-left: 0px;
  }
`;
exports.GiftAmount = GiftAmount;
const MakeDefaultLabel = view_container_1.styled.withComponent(Text_1.Label) `
  font-size: 16px;
`;
exports.MakeDefaultLabel = MakeDefaultLabel;
const EditInfoButton = view_container_1.styled.withComponent(Button_1.Button) `
  background: transparent;
  border: none;
  padding: 0
`;
exports.EditInfoButton = EditInfoButton;
const RemoveButton = view_container_1.styled.withComponent(Buttons_1.ButtonWithIcon) `
  background: #EFEFEF;
  border: none;
  height: 44px;
  padding: 0 30px;
  color: #5F6C88

  svg {
    fill: #5F6C88
  }
`;
exports.RemoveButton = RemoveButton;
//# sourceMappingURL=styled.js.map