"use strict";

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

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

const Image_1 = require("../../../atoms/Image");

const PhysicalAddress_1 = require("../../../molecules/PhysicalAddress");

const DetailedList_1 = require("../../../molecules/DetailedList");

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

const ProductItemListContainer = styleh_components_1.styled.div`position:relative;display:flex;flex-direction:column;width:100%;`;
exports.ProductItemListContainer = ProductItemListContainer;
const StyledPhysicalAddress = styleh_components_1.styled(PhysicalAddress_1.PhysicalAddress)`flex:0 0 30%;`;
exports.StyledPhysicalAddress = StyledPhysicalAddress;
const ProductItemListWrapper = styleh_components_1.styled.section`position:relative;display:flex;flex-direction:row;overflow-x:auto;${DetailedList_1.DetailedListItemPanel}{flex-direction:row;}${DetailedList_1.DetailedListValue}{margin:0;margin-left:8px;}@media(max-width:1023px){${ProductItemListContainer}{flex-direction:row;flex-wrap:wrap;}${ProductItem_1.ProductItemWrapper}{flex:0 0 100%;}}@media (max-width:767px){flex:0 0 100%;${ProductItem_1.ProductItemWrapper}{flex:0 0 100%;}}${props => props.viewType === 'grid' && styleh_components_1.styled.css`${ProductItemListContainer}{flex:0 0 100%;flex-direction:row;flex-wrap:nowrap;}${Image_1.ImageWrapper}{width:100%;}${ProductItem_1.ProductItemWrapper}{margin-bottom:0px;flex-direction:row;flex:0 0 33.33%;padding:0 10px 0 0;@media (max-width:1023px){flex:0 0 50%;}@media (max-width:767px){flex:0 0 100%;}}${ProductItem_1.ProductItemsWrap}{flex:1;}${StyledPhysicalAddress}{display:none;}${ProductItem_1.ProductItemButtonsPanel}{display:none;}`};${props => props.singleProduct && styleh_components_1.styled.css`${ProductItem_1.ProductImageWrapper}{flex:0 0 11.25rem;@media (max-width:767px){flex:0 0 8.5rem;}}${StyledPhysicalAddress}{display:none;}${ProductItem_1.ProductItemWrapper}{flex:1;}${ProductItem_1.ProductDetails}{flex:1;}`} ${props => props.viewType === 'grid' && !props.singleProduct && styleh_components_1.styled.css`${ProductItem_1.ProductImageWrapper}{flex:0 0 100%;padding:0;}${ProductItem_1.ProductImageWrapper}{flex:0 0 100%;@media (max-width:767px){flex:0 0 100%;}}@media (max-width:1023px){${ProductItem_1.ProductItemWrapper}{flex:0 0 50%;}}${ProductItem_1.ProductDetails}{display:none;}`} ${props => props.isSubscriptionItem && styleh_components_1.styled.css`${ProductItem_1.ProductImageWrapper}{flex:0 0 175px;background-color:var(--color-white-grey);display:flex;align-items:center;@media (max-width:767px){flex:1;margin-bottom:0.5rem;}}`}}`;
exports.ProductItemListWrapper = ProductItemListWrapper; //# sourceMappingURL=styled.js.map