"use strict";

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

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

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

const ProductItemList_1 = require("../ProductItemList");

const StyledPlaceHolderIcon = styleh_components_1.styled(Placeholder_1.RectanglePlaceholder)``;
exports.StyledPlaceHolderIcon = StyledPlaceHolderIcon;
const StyledPlaceHolderText = styleh_components_1.styled(Placeholder_1.TextPlaceholder)``;
exports.StyledPlaceHolderText = StyledPlaceHolderText;
const HeaderWrapper = styleh_components_1.styled.div``;
exports.HeaderWrapper = HeaderWrapper;
const StyledProductItemList = styleh_components_1.styled(ProductItemList_1.ProductItemList)`flex:1;`;
exports.StyledProductItemList = StyledProductItemList;
const StoreItemWrapper = styleh_components_1.styled.div`display:flex;flex-direction:column;flex:1;${props => props.viewType === 'list' && styleh_components_1.styled.css`border-bottom:1px solid var(--color-light-grey);&:last-of-type{border-bottom:none;}`}`;
exports.StoreItemWrapper = StoreItemWrapper;
const StoreProductListWrapper = styleh_components_1.styled.section`display:flex;flex-direction:column;flex:1;${props => props.hasSingleItem === false && styleh_components_1.styled.css`overflow-x:auto;`} ${props => props.viewType === 'grid' && styleh_components_1.styled.css`flex-direction:row;${StoreItemWrapper}{flex-direction:row;}`}`;
exports.StoreProductListWrapper = StoreProductListWrapper;