"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const view_container_1 = require("uxui-modules/view-container");
const Placeholder_1 = require("atoms/Placeholder");
const Wrapper = view_container_1.styled.section `
  position: relative;
  flex
`;
exports.Wrapper = Wrapper;
const Form = view_container_1.styled.div `
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;

  .input-box-card {
    width: 69%
  }
  .input-box-cvv {
    width: 29%
  }
  .input-box {
    width: 49%
  }
`;
exports.Form = Form;
const FormButton = view_container_1.styled.div ``;
exports.FormButton = FormButton;
const Error = view_container_1.styled.div `
  margin-bottom: 20px;
  width: 40%;
`;
exports.Error = Error;
const Checkbox = view_container_1.styled.div `
  display: flex;
  justify-content: space-between;
  width: 50%;
  margin-bottom: 20px;
`;
exports.Checkbox = Checkbox;
const InputPlaceholder = view_container_1.styled.withComponent(Placeholder_1.TextPlaceholder) `
  margin-bottom: 20px;
`;
exports.InputPlaceholder = InputPlaceholder;
//# sourceMappingURL=styled.js.map