"use strict";

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

const tslib_1 = require("tslib");

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

const AnimatedExpandableCard_1 = tslib_1.__importDefault(require("../../presets/AnimatedExpandableCard"));

const ActionButtonGroup_1 = tslib_1.__importDefault(require("../../presets/Order/ActionButtonGroup"));

const PaymentSummary_1 = require("../Order/PaymentSummary");

const OrderStatus_1 = tslib_1.__importDefault(require("./OrderStatus"));

const ProductItem_1 = tslib_1.__importDefault(require("./ProductItem"));

const StyledOrderStatus = styleh_components_1.styled.withComponent(OrderStatus_1.default)`border-bottom:1px solid var(--color-light-grey);padding-bottom:20px;`;
exports.StyledOrderStatus = StyledOrderStatus;
const StyledProductItem = styleh_components_1.styled.withComponent(ProductItem_1.default)`padding:20px 0px;`;
exports.StyledProductItem = StyledProductItem;
const PaymentSummaryContainer = styleh_components_1.styled.div`display:flex;padding:20px 0px;@media (min-width:768px){border-bottom:1px solid var(--color-light-grey);}${PaymentSummary_1.PaymentSummaryWrapper}{flex:1;}`;
exports.PaymentSummaryContainer = PaymentSummaryContainer;
const StyledActionButtonGroup = styleh_components_1.styled.withComponent(ActionButtonGroup_1.default)`${props => props.isExpand && styleh_components_1.styled.css`display:none;`}`;
exports.StyledActionButtonGroup = StyledActionButtonGroup;
const FooterContainer = styleh_components_1.styled.div``;
exports.FooterContainer = FooterContainer;
const StyledAnimatedExpandableCard = styleh_components_1.styled(AnimatedExpandableCard_1.default).attrs({
  'data-qa': 'qa-order'
})``;
exports.StyledAnimatedExpandableCard = StyledAnimatedExpandableCard; //# sourceMappingURL=styled.js.map