"use strict";

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

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

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

const Placeholder_1 = require("@skava/ui/dist/components/atoms/Placeholder");

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

const styled_1 = require("../styled");

const ItemPlaceholder = styleh_components_1.styled(Placeholder_1.TextPlaceholder)`margin-bottom:0.25rem;`;
exports.ItemPlaceholder = ItemPlaceholder;
const StyledDetailedList = styleh_components_1.styled(styled_1.FlexColumn)`margin:0.5rem 0;`;
exports.StyledDetailedList = StyledDetailedList;
const StyledImagePlaceholder = styleh_components_1.styled(Placeholder_1.ImagePlaceholder)`width:10rem;height:7.8125rem;`;
exports.StyledImagePlaceholder = StyledImagePlaceholder;
const StyledAddress = styleh_components_1.styled(Address_1.Address)`margin-bottom:1rem;`;
exports.StyledAddress = StyledAddress;
const StyledHeading = styleh_components_1.styled(Placeholder_1.TextPlaceholder)`margin-bottom:1rem;`;
exports.StyledHeading = StyledHeading;
const StyledValue = styleh_components_1.styled(Placeholder_1.TextPlaceholder)`margin-right:0.5rem;`;
exports.StyledValue = StyledValue;
const StyledActionButton = styleh_components_1.styled(Placeholder_1.RectanglePlaceholder)`margin-bottom:0.5rem;&:last-child{margin-bottom:0;}`;
exports.StyledActionButton = StyledActionButton;
const ProductDetailsWrapper = styleh_components_1.styled(styled_1.FlexColumn)`margin-left:1rem;`;
exports.ProductDetailsWrapper = ProductDetailsWrapper;
const ActionButtonWrapper = styleh_components_1.styled(styled_1.FlexColumn)`flex:0 0 25%;align-items:flex-end;${styleh_toolset_1.media.desktopOrSmaller`order:1;`} ${styleh_toolset_1.media.phoneOrSmaller`order:2;flex:1 0 100%;`}`;
exports.ActionButtonWrapper = ActionButtonWrapper;
const ShippingWrapper = styleh_components_1.styled(styled_1.FlexRow)`flex:${props => props.isVisible === true ? 1 : '0 0 25%'};flex-wrap:wrap;${styleh_toolset_1.media.tabletOrSmaller`margin-left:10.625rem;flex:0 0 calc(75% - 10.625rem);order:2;`} ${styleh_toolset_1.media.phoneOrSmaller`margin-left:0;flex:1 0 100%;padding:1.25rem 0 1rem 0;order:1;`}`;
exports.ShippingWrapper = ShippingWrapper;
const ProductItemWrapper = styleh_components_1.styled(styled_1.FlexRow)`flex:0 0 50%;order:0;${styleh_toolset_1.media.tabletOrSmaller`flex:0 0 75%;`}`;
exports.ProductItemWrapper = ProductItemWrapper;
const OrderItemWrapper = styleh_components_1.styled.div`padding:1.5rem 0;${styleh_toolset_1.media.tabletOrSmaller`flex-wrap:wrap;align-items:flex-start;`} ${styleh_toolset_1.media.phoneOrSmaller`display:block;`}`;
exports.OrderItemWrapper = OrderItemWrapper;
const ItemContainer = styleh_components_1.styled(styled_1.FlexRow)`flex:0 0 100%;flex-wrap:wrap;margin-bottom:1.5rem;&:last-child{margin-bottom:0;}`;
exports.ItemContainer = ItemContainer;
const StatusWrapper = styleh_components_1.styled(styled_1.FlexRow)`flex-wrap:wrap;margin-bottom:1rem;align-items:center;${styleh_toolset_1.media.phoneOrSmaller`flex:1 0 100%;`}`;
exports.StatusWrapper = StatusWrapper;