"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.__importStar(require("../../../molecules/Ratings"));

const ProductItemWrapper = styleh_components_1.styled.div`width:200px;padding:10px;position:relative;`;
exports.ProductItemWrapper = ProductItemWrapper;
const ProductImage = styleh_components_1.styled.withComponent(Image_1.default)`height:228px;${Image_1.ImageElement}{position:absolute;top:0;right:0;left:0;bottom:0;margin:auto;}`;
exports.ProductImage = ProductImage;
const ProductTitle = styleh_components_1.styled.withComponent(Text_1.default)`margin:10px 0px;font-size:.8125rem;`;
exports.ProductTitle = ProductTitle;
const ProductPricePanel = styleh_components_1.styled.div`display:flex;flex-direction:column;`;
exports.ProductPricePanel = ProductPricePanel;
const RegularPrice = styleh_components_1.styled.withComponent(Text_1.default)`text-decoration:line-through;color:grey;font-size:.6875rem;&:after{content:' Original'}`;
exports.RegularPrice = RegularPrice;
const SalePrice = styleh_components_1.styled.withComponent(Text_1.default)`font-weight:bold;font-size:.8125rem;&:after{content:' SALE'}`;
exports.SalePrice = SalePrice;
const eh = Text_1.default;
const OfferLabel = styleh_components_1.styled.withComponent(Text_1.default)`color:var(--color-red);font-size:.6875rem;`;
exports.OfferLabel = OfferLabel;
const StyledRatings = styleh_components_1.styled.withComponent(Ratings_1.default)`margin:5px 0;${Ratings_1.TotalRatings}{font-size:.8125rem;}`;
exports.StyledRatings = StyledRatings;
const ButtonContainer = styleh_components_1.styled.div`margin-top:5px;width:100%;display:flex;justify-content:space-between;`;
exports.ButtonContainer = ButtonContainer;
const FavouriteButton = styleh_components_1.styled.div`order:1;`;
exports.FavouriteButton = FavouriteButton;
const AddtoCartButton = styleh_components_1.styled.div`order:2;`;
exports.AddtoCartButton = AddtoCartButton; //# sourceMappingURL=styled.js.map