"use strict";

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

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

const ExpandableCard_1 = require("@skava/ui/dist/components/organisms/ExpandableCard");

const Placeholder_1 = require("@skava/ui/dist/components/atoms/Placeholder");

const SubscriptionOrderInformation_1 = require("../../../presets/Subscription/SubscriptionOrderInformation");

const ProductItem_1 = require("../../../presets/Subscription/ProductItem");

const DetailedList_1 = require("@skava/ui/dist/components/molecules/DetailedList");

const ProductPrice_1 = require("../../../presets/ProductPieces/ProductPrice");

const ProductDetailsWrapper = styleh_components_1.styled.div`flex:0 0 calc(50% - 1.5rem);padding-right:1.5rem;@media (max-width:767px){flex:0 0 100%;padding:0;}display:flex;flex-direction:row;flex-wrap:wrap;`;
exports.ProductDetailsWrapper = ProductDetailsWrapper;
const ButtonDetailWrapper = styleh_components_1.styled.div`flex:0 0 16.25rem;@media (max-width:767px){flex:0 0 100%;}display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;align-self:baseline;`;
exports.ButtonDetailWrapper = ButtonDetailWrapper;
const StyledTextLink = styleh_components_1.styled(Placeholder_1.TextPlaceholder)`width:13.75rem;margin-bottom:0.5rem;@media (max-width:767px){width:100%;}`;
exports.StyledTextLink = StyledTextLink;
const ButtonWrapper = styleh_components_1.styled.section`flex:0 0 100%;display:flex;flex-direction:column;align-items:flex-end;${StyledTextLink}{margin-bottom:0.5rem;}@media (max-width:767px){order:0;margin-bottom:1rem;}`;
exports.ButtonWrapper = ButtonWrapper;
const ManageButton = styleh_components_1.styled(Placeholder_1.TextPlaceholder)`margin-bottom:1rem;@media (max-width:767px){flex:0 0 100%;order:1;}`;
exports.ManageButton = ManageButton;
const StyledOrderStatus = styleh_components_1.styled(Placeholder_1.TextPlaceholder)`width:4.375rem;height:0.75rem;margin-bottom:0.5rem;`;
exports.StyledOrderStatus = StyledOrderStatus;
const ProductItemWrapper = styleh_components_1.styled.div`flex:0 0 100%;margin-bottom:1rem;${ProductItem_1.StyledProductName}{font-size:1.125rem;margin-bottom:0.875rem;}${DetailedList_1.DetailedListItemPanel},${DetailedList_1.DetailedListValue}{font-size:0.875rem;color:var(--color-dark-grey);margin:0;}${ProductItem_1.StyledProductDescription}{color:#5F6C88;margin-bottom:1rem;}${DetailedList_1.DetailedListItemPanel}{margin-bottom:0.25rem;}${ProductPrice_1.SalePrice}{color:var(--color-red);font-weight:500;}${ProductPrice_1.RegularPrice}{color:var(--color-black);}`;
exports.ProductItemWrapper = ProductItemWrapper;
const OrderDetailWrapper = styleh_components_1.styled.div`flex:0 0 100%;margin-bottom:1.5rem;`;
exports.OrderDetailWrapper = OrderDetailWrapper;
const StyledExpandableCard = styleh_components_1.styled.div`display:flex;justify-content:flex-end;flex:0 0 50%;@media (max-width:767px){flex:0 0 100%;justify-content:center;}${ExpandableCard_1.CardWrapper}{width:auto;display:flex;flex-direction:column;align-items:flex-end;@media (max-width:767px){flex-direction:row;flex-wrap:wrap;width:100%;}}`;
exports.StyledExpandableCard = StyledExpandableCard;
const Wrapper = styleh_components_1.styled.section.attrs({
  className: 'wrapper-class'
})`display:flex;flex-direction:row;flex-wrap:wrap;background:var(--color-pure-white);font:400 0.875rem "Roboto",Arial,Helvetica,sans-serif;padding:1rem;${SubscriptionOrderInformation_1.DetailsLabel},${SubscriptionOrderInformation_1.DetailsValue},${SubscriptionOrderInformation_1.StyledLink}{font-size:0.875rem;}${SubscriptionOrderInformation_1.StyledLink}{color:var(--color-blue);}`;
exports.Wrapper = Wrapper;