"use strict";

var __importDefault = this && this.__importDefault || function (mod) {
  return mod && mod.__esModule ? mod : {
    "default": mod
  };
};

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

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

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 = styleh_components_1.styled.withComponent(OrderStatus_1.default)`
  border-bottom: 1px solid #d8d8d8;
  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 #a6afc1;
  }

  ${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; //# sourceMappingURL=styled.js.map