"use strict";

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

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

const Placeholder_1 = require("../../../atoms/Placeholder");

const ActionButtonGroup_1 = require("../../../presets/Order/ActionButtonGroup");
/* OrderItem - Paymeny summary Section */


const OrderRightSection = styleh_components_1.styled.div`position:relative;flex:1;display:flex;justify-content:flex-end;`;
exports.OrderRightSection = OrderRightSection;
const OrderLeftSection = styleh_components_1.styled.div`position:relative;flex:0 0 50%;display:flex;justify-content:flex-start;`;
exports.OrderLeftSection = OrderLeftSection;
const PaymentSummaryRow = styleh_components_1.styled.div`position:relative;display:flex;flex-direction:row;margin-bottom:10px;`;
exports.PaymentSummaryRow = PaymentSummaryRow;
const PaymentOrderSummary = styleh_components_1.styled.section`position:relative;max-width:300px;`;
exports.PaymentOrderSummary = PaymentOrderSummary;
const PaymentSummaryInfoPanel = styleh_components_1.styled.div`position:relative;margin-bottom:20px;padding-right:16px;@media (max-width:767px){padding-right:0;}`;
exports.PaymentSummaryInfoPanel = PaymentSummaryInfoPanel;
const PaymentSummaryContent = styleh_components_1.styled.div`position:relative;flex:0 0 50%;`;
exports.PaymentSummaryContent = PaymentSummaryContent;
const PaymentSummaryPanel = styleh_components_1.styled.div`position:relative;flex:0 0 70%;display:flex;flex-direction:row;flex-wrap:wrap;@media (max-width:767px){flex:0 0 100%;}`;
exports.PaymentSummaryPanel = PaymentSummaryPanel;
const PaymentSummaryPanelSectionLeft = styleh_components_1.styled.div`flex:0 0 50%;display:flex;flex-direction:column;@media (max-width:767px){flex-direction:row;flex-wrap:wrap;flex:0 0 100%;${PaymentSummaryInfoPanel}{flex:0 0 100%;}}`;
exports.PaymentSummaryPanelSectionLeft = PaymentSummaryPanelSectionLeft;
const PaymentSummaryPanelSectionRight = styleh_components_1.styled.div`flex:0 0 50%;display:flex;flex-direction:column;flex-wrap:wrap;@media (max-width:767px){flex:0 0 100%;}`;
exports.PaymentSummaryPanelSectionRight = PaymentSummaryPanelSectionRight;
const StyledActionButtonGroup = styleh_components_1.styled.withComponent(ActionButtonGroup_1.ActionButtonGroup)`flex:0 0 30%;display:flex;flex-direction:column;align-items:flex-end;@media (max-width:767px){border-top:1px solid var(--color-light-grey);padding-top:1.5rem;flex:0 0 100%;}`;
exports.StyledActionButtonGroup = StyledActionButtonGroup;
const PrintButton = styleh_components_1.styled.div`width:160px;margin-bottom:15px;border-radius:4px;@media (max-width:767px){width:100%;}`;
exports.PrintButton = PrintButton;
const OrderAgainButton = styleh_components_1.styled.div`width:160px;margin-bottom:15px;border-radius:4px;@media (max-width:767px){width:100%;}`;
exports.OrderAgainButton = OrderAgainButton;
const ReturnButton = styleh_components_1.styled.div`width:160px;margin-bottom:15px;border-radius:4px;@media (max-width:767px){width:100%;}`;
exports.ReturnButton = ReturnButton;
const TextPlaceholderItem = styleh_components_1.styled.withComponent(Placeholder_1.TextPlaceholder)`margin-bottom:15px;`;
exports.TextPlaceholderItem = TextPlaceholderItem;
const PaymentSummaryWrapper = styleh_components_1.styled.section`position:relative;display:flex;flex-wrap:wrap;@media (max-width:767px){flex-direction:row;}${props => props.shouldHideActionButtons === true && styleh_components_1.styled.css`${StyledActionButtonGroup}{display:none;}${PaymentSummaryPanel}{flex:0 0 100%;}${PaymentSummaryPanelSectionLeft}{flex:0 0 33.33%;@media (max-width:1023px){flex:0 0 50%;}@media (max-width:767px){flex:0 0 100%;${PaymentSummaryInfoPanel}{flex:0 0 100%;}}}${PaymentSummaryPanelSectionRight}{flex:0 0 66.67%;flex-direction:row;@media (max-width:1023px){flex:0 0 50%;}${PaymentSummaryInfoPanel}{flex:0 0 50%;@media (max-width:1023px){flex:0 0 100%;}}@media (max-width:767px){flex:0 0 100%;}}`};`;
exports.PaymentSummaryWrapper = PaymentSummaryWrapper; //# sourceMappingURL=styled.js.map