"use strict";

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

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

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

const IconWithText_1 = require("@skava/ui/dist/components/molecules/IconWithText");

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

const StyledIconWithText = styleh_components_1.styled(IconWithText_1.IconWithText).attrs({
  dataQa: 'qa-store-header-wrapper'
})`padding:1.5rem 0 0;${styleh_toolset_1.media.tabletOrSmaller`padding-top:2.125rem;`} ${styleh_toolset_1.media.phoneOrSmaller`padding:1.5rem 0 0;`} ${IconWithText_1.StyledText}{font:${styleh_toolset_1.fontValue(20, 'semi')};${styleh_toolset_1.media.tabletOrSmaller`font:${styleh_toolset_1.fontValue(18, 'semi')};`}}${IconWithText_1.StyledIcon}{width:1.75rem;height:1.75rem;${styleh_toolset_1.media.tabletOrSmaller`width:1.5rem;height:1.5rem;`}}`;
exports.StyledIconWithText = StyledIconWithText;
const StyledProductItemList = styleh_components_1.styled(ProductItemList_1.ProductItemList).attrs({
  dataQa: 'qa-grouped-products-wrapper'
})`flex:1;padding-top:0.75rem;${styleh_toolset_1.media.phoneOrSmaller`padding-top:1.125rem;`}`;
exports.StyledProductItemList = StyledProductItemList;