"use strict";

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

const tslib_1 = require("tslib");

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

const Image_1 = tslib_1.__importStar(require("@skava/ui/dist/components/atoms/Image"));

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

const Ratings_1 = tslib_1.__importDefault(require("../../Ratings"));

const ProductItemWrapper = styleh_components_1.styled.div`width:100%;padding:10px;position:relative;`;
exports.ProductItemWrapper = ProductItemWrapper;
const ProductImage = styleh_components_1.styled(Image_1.default)`height:228px;width:100%;background-color:#efefef;margin-bottom:10px;${Image_1.ImageElement}{position:absolute;top:0;right:0;left:0;bottom:0;margin:auto;width:auto;max-width:100%;max-height:100%;}`;
exports.ProductImage = ProductImage;
const StyledProductTitle = styleh_components_1.styled(Text_1.default)`margin:5px 0px;font-size:1rem;color:#6d707f;`;
exports.StyledProductTitle = StyledProductTitle;
const ProductDescription = styleh_components_1.styled(Text_1.default)`margin:5px 0px;font-size:1rem;color:#6d707f;`;
exports.ProductDescription = ProductDescription;
const ProductBrand = styleh_components_1.styled(Text_1.default)`margin:5px 0px;font-size:1rem;color:#000;font-weight:bold;`;
exports.ProductBrand = ProductBrand;
const ProductPricePanel = styleh_components_1.styled.div`display:flex;flex-direction:row;margin:5px 0px;`;
exports.ProductPricePanel = ProductPricePanel;
const PromoLabel = styleh_components_1.styled(Text_1.default)`margin:5px 0px;`;
exports.PromoLabel = PromoLabel;
const RegularPrice = styleh_components_1.styled(Text_1.default)`text-decoration:line-through;padding-left:0.25rem;`;
exports.RegularPrice = RegularPrice;
const SalePrice = styleh_components_1.styled(Text_1.default)`font-weight:bold;`;
exports.SalePrice = SalePrice;
const StyledRatings = styleh_components_1.styled(Ratings_1.default)`margin:5px 0;`;
exports.StyledRatings = StyledRatings;
const ProductInfoWrapper = styleh_components_1.styled.div``;
exports.ProductInfoWrapper = ProductInfoWrapper;