"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("../../../atoms/Image"));

const Text_1 = tslib_1.__importDefault(require("../../../atoms/Text"));

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

const ProductItemWrapper = styleh_components_1.styled.div`width:${props => props.imageWidth ? props.imageWidth : '100%'};padding:10px;position:relative;`;
exports.ProductItemWrapper = ProductItemWrapper;
const ProductImage = styleh_components_1.styled.withComponent(Image_1.default)`height:${props => props.imageHeight};width:100%;background-color:#EFEFEF;${props => props.isDisableProductImage && styleh_components_1.styled.css`display:none;`};${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.withComponent(Text_1.default)`margin:5px 0px;font-size:1rem;color:#6D707F;`;
exports.StyledProductTitle = StyledProductTitle;
const ProductDescription = styleh_components_1.styled.withComponent(Text_1.default)`margin:5px 0px;font-size:1rem;color:#6D707F;`;
exports.ProductDescription = ProductDescription;
const ProductBrand = styleh_components_1.styled.withComponent(Text_1.default)`margin:10px 0px;font-size:1rem;color:#000;font-weight:bold;`;
exports.ProductBrand = ProductBrand;
const ProductPricePanel = styleh_components_1.styled.div`display:flex;flex-direction:row;`;
exports.ProductPricePanel = ProductPricePanel;
const RegularPrice = styleh_components_1.styled.withComponent(Text_1.default)`text-decoration:line-through;padding-left:0.25rem;color:grey;`;
exports.RegularPrice = RegularPrice;
const SalePrice = styleh_components_1.styled.withComponent(Text_1.default)`font-weight:bold;`;
exports.SalePrice = SalePrice;
const StyledRatings = styleh_components_1.styled.withComponent(Ratings_1.default)`margin:5px 0;`;
exports.StyledRatings = StyledRatings;
const ProductInfoWrapper = styleh_components_1.styled.div`${props => props.isDisableProductInformation && styleh_components_1.styled.css`display:none;`};`;
exports.ProductInfoWrapper = ProductInfoWrapper; //# sourceMappingURL=styled.js.map