"use strict";

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

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

const styleh_toolset_1 = require("@skava/styleh-toolset");

const Text_1 = require("@skava/ui/dist/components/atoms/Text");

const Button_1 = require("@skava/ui/dist/components/atoms/Button");

const Link_1 = require("@skava/ui/dist/components/atoms/Link");

const Figure_1 = require("@skava/ui/dist/components/molecules/Figure");

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

const DetailedList_1 = require("@skava/ui/dist/components/molecules/DetailedList");

const ProductItem_1 = require("../../../abstractions/OrderHistory/ProductItem");

const ProductItemV1_1 = require("../../ProductPieces/ProductItemV1");

const StyledOrderItemWrapper = styleh_components_1.styled(ProductItem_1.OrderItemWrapper)`display:flex;flex-direction:column;`;
exports.StyledOrderItemWrapper = StyledOrderItemWrapper;
const StyledHeading = styleh_components_1.styled(Text_1.Heading)`font:700 1.125rem "Roboto",Arial,Helvetica,sans-serif;margin-bottom:0.5rem;${styleh_toolset_1.media.phoneOrSmaller`margin-top:0;`}`;
exports.StyledHeading = StyledHeading;
const StyledShippingMethod = Text_1.Text;
exports.StyledShippingMethod = StyledShippingMethod;
const StyledButton = styleh_components_1.styled(Button_1.Button)`width:10.125rem;height:2.75rem;border:0.0625rem solid #2c2c2c;${props => props.color && styleh_components_1.styled.css`background-color:${props.color};color:var(--color-pure-white);border:0;`} margin-bottom:1rem;border-radius:0.25rem;padding:0;${Button_1.ButtonText}{margin:0;color:var(--color-dark-grey);font:500 1.125rem "Roboto",Arial,Helvetica,sans-serif;text-transform:capitalize;${props => props.color && styleh_components_1.styled.css`color:var(--color-pure-white);`}}${styleh_toolset_1.media.tabletOrSmaller`width:9.25rem;`} ${styleh_toolset_1.media.phoneOrSmaller`width:100%;`}`;
exports.StyledButton = StyledButton;
const StyledProductItem = styleh_components_1.styled(ProductItemV1_1.ProductItemV1)`${ProductItemV1_1.StyledProductImage}{width:10rem;height:7.8125rem;${styleh_toolset_1.media.tabletOrSmaller`width:8.5rem;height:6.875rem;`}}${Figure_1.StyledImage}{height:7.8125rem;}${DetailedList_1.DetailedListWrapper}{margin-bottom:0.5rem;${styleh_toolset_1.media.tabletOrSmaller`margin-bottom:0.875rem;`}}${DetailedList_1.DetailedListItemPanel}{color:var(--color-dark-grey);font-size:1rem;${styleh_toolset_1.media.tabletOrSmaller`font-size:0.6875rem;`}}`;
exports.StyledProductItem = StyledProductItem;
const StyledLinkButton = styleh_components_1.styled(Link_1.Link)`width:10.125rem;height:2.5rem;display:flex;align-items:center;text-decoration:none;${props => props.color && styleh_components_1.styled.css`background-color:${props.color};color:var(--color-pure-white);border:0;`} border:0.0625rem solid #2c2c2c;justify-content:center;color:var(--color-dark-grey);text-transform:capitalize;border-radius:0.25rem;font:500 1.125rem "Roboto",Arial,Helvetica,sans-serif;${styleh_toolset_1.media.tabletOrSmaller`width:9.25rem;`} ${styleh_toolset_1.media.phoneOrSmaller`width:100%;`}`;
exports.StyledLinkButton = StyledLinkButton;
const StyledAddressThemed = styleh_components_1.styled(Address_1.AddressThemed).attrs({
  dataQa: 'qa-order-shipping-address'
})`flex:0 0 100%;${styleh_toolset_1.media.phoneOrSmaller`flex:0 0 50%;`}`;
exports.StyledAddressThemed = StyledAddressThemed;
const StyledShippingMethodWrapper = styleh_components_1.styled.section.attrs({
  'data-qa': 'qa-order-shipping-methods'
})`flex:0 0 100%;${styleh_toolset_1.media.phoneOrSmaller`flex:0 0 50%;`}`;
exports.StyledShippingMethodWrapper = StyledShippingMethodWrapper;
const ShippingLabel = styleh_components_1.styled(Text_1.Heading)`margin:0;font-size:1.25rem;color:var(--color-black);text-transform:capitalize;`;
exports.ShippingLabel = ShippingLabel;
const ShippingValue = styleh_components_1.styled.span`margin-left:1rem;font-size:1rem;text-transform:capitalize;color:red;`;
exports.ShippingValue = ShippingValue;