"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const view_container_1 = require("uxui-modules/view-container");
const Text_1 = require("atoms/Text");
const Heading_1 = require("atoms/Text/Heading");
const StyledLabel = view_container_1.styled.withComponent(Heading_1.H3) `
`;
exports.StyledLabel = StyledLabel;
const StyledButton = view_container_1.styled.withComponent(Heading_1.H3) `
  cursor: pointer;
  color: #00a0db;
  text-transform: capitalize;
`;
exports.StyledButton = StyledButton;
const ItemWrapper = view_container_1.styled.section `
  border: 1px solid #ccc;
  border-radius: 1px;
  margin-bottom: 1rem;
  padding: 1rem;
`;
exports.ItemWrapper = ItemWrapper;
const IconWrapper = view_container_1.styled.div `
  display: flex;
  flex-direction: row;
  align-items: center;
`;
exports.IconWrapper = IconWrapper;
const NameOnCard = view_container_1.styled.withComponent(Text_1.Heading) `
  margin:0;
  font-size: 18px;
`;
exports.NameOnCard = NameOnCard;
const CardNumber = view_container_1.styled.withComponent(Text_1.Heading) `
  margin:0;
  font-size: 18px;
`;
exports.CardNumber = CardNumber;
const CardExpiry = view_container_1.styled.withComponent(Text_1.Text) `
  font-size: 16px;
  margin-top: 5px;
`;
exports.CardExpiry = CardExpiry;
//# sourceMappingURL=styled.js.map