"use strict";

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

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

const Image_1 = require("@skava/ui/dist/components/atoms/Image");

const Text_1 = require("@skava/ui/dist/components/atoms/Text");

const Button_1 = require("@skava/ui/dist/components/atoms/Button");

const ProductDetails_1 = require("../ProductDetails");

const ShippingAddressCard_1 = require("../ShippingAddressCard");

const PaymentInformationCard_1 = require("../PaymentInformationCard");

const ProductImage = styleh_components_1.styled.withComponent(Image_1.Image).attrs({
  'data-qa': 'qa-product-image '
})`flex:0 0 50%;@media (max-width:767px){margin-bottom:1.875rem;}`;
exports.ProductImage = ProductImage;
const InformationBox = styleh_components_1.styled.div`display:flex;flex:0 0 50%;flex-direction:column;@media (max-width:767px){margin:0 0.5rem;}`;
exports.InformationBox = InformationBox;
const DeliveryDateContainer = styleh_components_1.styled.div`margin-bottom:1.5rem;`;
exports.DeliveryDateContainer = DeliveryDateContainer;
const DeliveryDateLabel = styleh_components_1.styled.withComponent(Text_1.Label).attrs({
  'data-qa': 'qa-expected-delivery-date'
})`color:#009944;font-weight:500;font-size:1.125rem;`;
exports.DeliveryDateLabel = DeliveryDateLabel;
const DeliveryDateWrapper = styleh_components_1.styled.div`display:flex;align-items:center;justify-content:space-between;margin-top:0.5rem;flex-wrap:wrap;`;
exports.DeliveryDateWrapper = DeliveryDateWrapper;
const DeliveryDateText = styleh_components_1.styled.withComponent(Text_1.Heading).attrs({
  'data-qa': 'qa-expected-date'
})`font-size:1.625rem;color:var(--color-black);margin:0;font-weight:400;@media (max-width:1023px){flex:0 0 100%;margin-bottom:1rem;}`;
exports.DeliveryDateText = DeliveryDateText;
const ChangeDateLabel = styleh_components_1.styled.withComponent(Text_1.Label).attrs({
  'data-qa': 'qa-change-date'
})`color:var(--color-blue);font-size:1.125rem;text-transform:capitalize;@media (max-width:1023px){flex:0 0 100%;}@media (max-width:767px){font-size:0.875rem;}`;
exports.ChangeDateLabel = ChangeDateLabel;
const StyledProductDetails = styleh_components_1.styled.withComponent(ProductDetails_1.ProductDetails)`margin-bottom:1.5rem;@media (max-width:767px){margin-bottom:1rem;}`;
exports.StyledProductDetails = StyledProductDetails;
const StyledConfirmSubscription = styleh_components_1.styled.withComponent(Button_1.Button).attrs({
  'data-qa': 'qa-confirm-subscription'
})`width:100%;border-radius:0.25rem;background-color:var(--color-dark-green);color:var(--color-pure-white);border:none;margin-bottom:0.75rem;padding:0 0.625rem;height:2.75rem;${Button_1.ButtonText}{text-transform:capitalize;font-size:1.125rem;}`;
exports.StyledConfirmSubscription = StyledConfirmSubscription;
const StyledCancel = styleh_components_1.styled.withComponent(Button_1.Button).attrs({
  'data-qa': 'qa-cancel'
})`width:100%;border-radius:0.25rem;background-color:var(--color-dark-grey);color:var(--color-pure-white);border:none;padding:0 0.625rem;height:2.75rem;${Button_1.ButtonText}{text-transform:capitalize;font-size:1.125rem;}`;
exports.StyledCancel = StyledCancel;
const StyledShippingAddressCard = styleh_components_1.styled.withComponent(ShippingAddressCard_1.ShippingAddressCard).attrs({
  'data-qa': 'qa-shipping-address-container'
})`margin-bottom:1.5rem;${ShippingAddressCard_1.ItemWrapper}:last-child{margin:0;}`;
exports.StyledShippingAddressCard = StyledShippingAddressCard;
const StyledPaymentInformationCard = styleh_components_1.styled.withComponent(PaymentInformationCard_1.PaymentInformationCard)`margin-bottom:1.5rem;`;
exports.StyledPaymentInformationCard = StyledPaymentInformationCard;
const Wrapper = styleh_components_1.styled.section`display:flex;@media (max-width:767px){flex-direction:column;}`;
exports.Wrapper = Wrapper;