"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const ActionButtonGroup_1 = __importDefault(require("presets/Order/ActionButtonGroup"));
const PaymentSummary_1 = require("../Order/PaymentSummary");
const OrderStatus_1 = __importDefault(require("./OrderStatus"));
const ProductItem_1 = __importDefault(require("./ProductItem"));
const StyledOrderStatus = styled.withComponent(OrderStatus_1.default) `
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 20px;
`;
exports.StyledOrderStatus = StyledOrderStatus;
const StyledProductItem = styled.withComponent(ProductItem_1.default) `
  padding: 20px 0px;
`;
exports.StyledProductItem = StyledProductItem;
const PaymentSummaryContainer = styled.div `
  display: flex;
  padding: 20px 0px;
  @media (min-width: 768px) {
    border-bottom: 1px solid #a6afc1;
  }

  ${PaymentSummary_1.PaymentSummaryWrapper} {
    flex: 1;
  }
`;
exports.PaymentSummaryContainer = PaymentSummaryContainer;
const StyledActionButtonGroup = styled.withComponent(ActionButtonGroup_1.default) `
  ${props => props.isExpand &&
    styled.css `
      display: none;
    `}
`;
exports.StyledActionButtonGroup = StyledActionButtonGroup;
const FooterContainer = styled.div ``;
exports.FooterContainer = FooterContainer;
//# sourceMappingURL=styled.js.map