"use strict";

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

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

const Button_1 = require("../../../atoms/Button");

const Text_1 = require("../../../atoms/Text");

const ProductPieces_1 = require("../../ProductPieces");

const StyledButton = styleh_components_1.styled.withComponent(Button_1.Button)`border:none;border-radius:0.25rem;margin-bottom:1rem;${Button_1.ButtonLabel}{text-transform:capitalize;}`;
const BuyNowButton = styleh_components_1.styled.withComponent(StyledButton)`background-color:var(--color-blue);color:var(--color-pure-white);`;
exports.BuyNowButton = BuyNowButton;
const SaveSubscriptionButton = styleh_components_1.styled.withComponent(StyledButton)`background-color:var(--color-dark-green);color:var(--color-pure-white);`;
exports.SaveSubscriptionButton = SaveSubscriptionButton;
const SkipButton = styleh_components_1.styled.withComponent(StyledButton)`background-color:var(--color-pure-white);color:#606d89;border:0.0625rem solid var(--color-dark-grey);`;
exports.SkipButton = SkipButton;
const CancelSubscriptionButton = styleh_components_1.styled.withComponent(StyledButton)`background-color:var(--color-dark-grey);color:var(--color-pure-white);margin-bottom:0;`;
exports.CancelSubscriptionButton = CancelSubscriptionButton;
const StyledProductPrice = styleh_components_1.styled.withComponent(ProductPieces_1.ProductPrice)`margin-bottom:1.875rem;font-size:1.25rem;${ProductPieces_1.SalePrice}{color:#009944;font-weight:700;margin-right:1rem;}${ProductPieces_1.RegularPrice}{font-weight:700;}`;
exports.StyledProductPrice = StyledProductPrice;
const DeliveryDateContainer = styleh_components_1.styled.div`margin-top:1rem;`;
exports.DeliveryDateContainer = DeliveryDateContainer;
const DeilveryDateLabel = styleh_components_1.styled.withComponent(Text_1.Label)`color:#009944;font-weight:500;font-size:1rem;`;
exports.DeilveryDateLabel = DeilveryDateLabel;
const DeliveryDateWrapper = styleh_components_1.styled.div`display:flex;align-items:center;justify-content:space-between;margin-top:0.5rem;`;
exports.DeliveryDateWrapper = DeliveryDateWrapper;
const DeliveryDateText = styleh_components_1.styled.withComponent(Text_1.Heading)`font-size:1.25rem;color:var(--color-black);margin:0;font-weight:400;`;
exports.DeliveryDateText = DeliveryDateText;
const ChangeDateLabel = styleh_components_1.styled.withComponent(Text_1.Label)`color:var(--color-blue);font-size:1rem;text-transform:capitalize;`;
exports.ChangeDateLabel = ChangeDateLabel;
const SubscriptionText = styleh_components_1.styled.span`color:var(--color-dark-grey);`;
exports.SubscriptionText = SubscriptionText;
const LastDayToUpdateOrder = styleh_components_1.styled.span`color:var(--color-dark-grey);font-weight:700;margin-left:0.25rem;@media (max-width:1023px){margin:0;}`;
exports.LastDayToUpdateOrder = LastDayToUpdateOrder;
const SubscriptionTextWrapper = styleh_components_1.styled.div`display:flex;@media (max-width:1023px){flex-direction:column;}`;
exports.SubscriptionTextWrapper = SubscriptionTextWrapper;
const DeliverDate = styleh_components_1.styled.div`margin-top:1.875rem 0;`;
exports.DeliverDate = DeliverDate; //# sourceMappingURL=styled.js.map