"use strict";

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

const tslib_1 = require("tslib");

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

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

const Heading_1 = require("../../../atoms/Text/Heading");

const Text_1 = tslib_1.__importDefault(require("../../../atoms/Text"));

const ProductOrderSummary_1 = require("../../ProductPieces/ProductOrderSummary");

const Address_1 = require("../../Address");

const DetailedList_1 = require("../../../molecules/DetailedList"); // @note - all fonts are roboto
// font-family: "Roboto";


const InfoHeading = styleh_components_1.styled.withComponent(Heading_1.Heading)`margin:0;padding:0 0 8px 0;font-size:20px;color:var(--color-black);${props => props.isSubscriptionItem && styleh_components_1.styled.css`font-size:14px;`} @media(max-width:767px){font-size:18px;}`;
exports.InfoHeading = InfoHeading; // @note - all fonts are roboto
// font-family: "Roboto";

const InfoDec = styleh_components_1.styled.withComponent(Text_1.default)`font-size:16px;line-height:25px;font-weight:500;color:var(--color-black);${props => props.isSubscriptionItem && styleh_components_1.styled.css`font-size:14px;`}`;
exports.InfoDec = InfoDec;
const AddressInfoPanel = styleh_components_1.styled.div.attrs({
  'data-qa': 'qa-order-shipping-address'
})`${props => props.isSubscriptionItem && styleh_components_1.styled.css`${Address_1.StyledTitle}{font-size:14px;}${Address_1.StyledAddress}{font-size:14px;}`}`;
exports.AddressInfoPanel = AddressInfoPanel;
const ShippingMethodInfoPanel = styleh_components_1.styled.withComponent(PaymentSummary_1.PaymentSummaryInfoPanel).attrs({
  'data-qa': 'qa-order-shipping-methods'
})`${props => props.isSubscriptionItem && styleh_components_1.styled.css`margin-bottom:0px;`}`;
exports.ShippingMethodInfoPanel = ShippingMethodInfoPanel;
const PaymentMethodInfoPanel = styleh_components_1.styled.withComponent(PaymentSummary_1.PaymentSummaryInfoPanel).attrs({
  'data-qa': 'qa-order-history-payment'
})`${props => props.isSubscriptionItem && styleh_components_1.styled.css`margin-bottom:4px;`}`;
exports.PaymentMethodInfoPanel = PaymentMethodInfoPanel;
const StyledProductOrderSummary = styleh_components_1.styled.withComponent(ProductOrderSummary_1.ProductOrderSummary)`${props => props.isSubscriptionItem && styleh_components_1.styled.css`${Heading_1.H3}{font-size:14px;}${DetailedList_1.DetailedListLabel}{font-size:14px;}${DetailedList_1.DetailedListValue}{display:none;}`}`;
exports.StyledProductOrderSummary = StyledProductOrderSummary; //# sourceMappingURL=styled.js.map