"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const view_container_1 = require("uxui-modules/view-container");
const Placeholder_1 = require("atoms/Placeholder");
const ProductTitle = view_container_1.styled.withComponent(Placeholder_1.TextPlaceholder) `
  margin-bottom: 8px;
`;
exports.ProductTitle = ProductTitle;
const ProductPrice = view_container_1.styled.withComponent(Placeholder_1.TextPlaceholder) `
  margin-bottom: 24px;
`;
exports.ProductPrice = ProductPrice;
const ProductOptions = view_container_1.styled.withComponent(Placeholder_1.TextPlaceholder) `
  margin-bottom: 8px;
`;
exports.ProductOptions = ProductOptions;
const ProductQuantity = view_container_1.styled.withComponent(Placeholder_1.RectanglePlaceholder) ``;
exports.ProductQuantity = ProductQuantity;
const ProductOptionsBox = view_container_1.styled.div `
  display: flex;
  flex-direction: column;
  width: 350px;
  border-top: 1px solid #a6afc1;
  border-bottom: 1px solid #a6afc1;
  padding-bottom: 24px;
  padding-top: 24px;

  @tablet-or-smaller() {
    width: 100%;
  }
`;
exports.ProductOptionsBox = ProductOptionsBox;
const StyledFrequency = view_container_1.styled.div `
  display: flex;
  flex-direction: column;
  padding-top: 24px;
  padding-bottom: 24px;
`;
exports.StyledFrequency = StyledFrequency;
const StyledHeading = view_container_1.styled.withComponent(Placeholder_1.TextPlaceholder) `
  margin-bottom: 8px;
`;
exports.StyledHeading = StyledHeading;
const FrequencyDropDown = view_container_1.styled.withComponent(Placeholder_1.RectanglePlaceholder) `
  width: 600px;

  @tablet-or-smaller() {
    width: 100%;
  }
`;
exports.FrequencyDropDown = FrequencyDropDown;
const RadioOption = view_container_1.styled.div `
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 8px;
`;
exports.RadioOption = RadioOption;
const StyledDate = view_container_1.styled.withComponent(Placeholder_1.RectanglePlaceholder) `
  margin-left: 16px;
`;
exports.StyledDate = StyledDate;
const SubscriptionEnds = view_container_1.styled.div `
  display: flex;
  flex-direction: column;
  width: 350px;
  padding-top: 24px;
  padding-bottom: 16px;
  border-top: 1px solid #a6afc1;
  border-bottom: 1px solid #a6afc1;

  @tablet-or-smaller() {
    width: 100%;
  }
`;
exports.SubscriptionEnds = SubscriptionEnds;
const Wrapper = view_container_1.styled.section `
  display: flex;
  flex-direction: column;
  width: 100%;
`;
exports.Wrapper = Wrapper;
//# sourceMappingURL=styled.js.map