"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 Button_1 = tslib_1.__importDefault(require("../../../atoms/Button"));

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

const SelectDropDown_1 = tslib_1.__importDefault(require("../../../molecules/SelectDropDown"));

const ProductItemWrapper = styleh_components_1.styled.div`width:294px;padding:10px;position:relative;`;
exports.ProductItemWrapper = ProductItemWrapper;
const ProductImage = styleh_components_1.styled.withComponent(Image_1.default)`height:228px;background-color:#EFEFEF;${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:1rem;color:var(--color-dark-grey);`;
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;`;
exports.RegularPrice = RegularPrice;
const SalePrice = styleh_components_1.styled.withComponent(Text_1.default)`font-weight:bold;`;
exports.SalePrice = SalePrice;
const OfferLabel = styleh_components_1.styled.withComponent(Text_1.default)`color:var(--color-red);`;
exports.OfferLabel = OfferLabel;
const StyledRatings = styleh_components_1.styled.withComponent(Ratings_1.default)`margin:5px 0;${Ratings_1.TotalRatings}{}`;
exports.StyledRatings = StyledRatings;
const ButtonsPanel = styleh_components_1.styled.div`display:flex;flex-direction:row;justify-content:space-between;margin-top:10px;`;
exports.ButtonsPanel = ButtonsPanel;
const FavouriteButton = styleh_components_1.styled.withComponent(Button_1.default)`background-color:var(--color-blue);color:white;border:0px;border-radius:4px;`;
exports.FavouriteButton = FavouriteButton;
const AddtoCartButton = styleh_components_1.styled.withComponent(Button_1.default)`background-color:var(--color-blue);color:white;border:0px;border-radius:4px;`;
exports.AddtoCartButton = AddtoCartButton;
const FacetsPanel = styleh_components_1.styled.div``;
exports.FacetsPanel = FacetsPanel;
const StyledSelectDropDown = styleh_components_1.styled.withComponent(SelectDropDown_1.default)`margin-bottom:10px;`;
exports.StyledSelectDropDown = StyledSelectDropDown; //# sourceMappingURL=styled.js.map