"use strict";
var __importStar = (this && this.__importStar) || function (mod) {
    if (mod && mod.__esModule) return mod;
    var result = {};
    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
    result["default"] = mod;
    return result;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const Image_1 = __importStar(require("atoms/Image"));
const Text_1 = __importDefault(require("atoms/Text"));
const Ratings_1 = __importStar(require("molecules/Ratings"));
const ProductItemWrapper = styled.div `
  width: 200px;
  padding: 10px;
  position: relative;
`;
exports.ProductItemWrapper = ProductItemWrapper;
const ProductImage = 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 = styled.withComponent(Text_1.default) `
  margin: 10px 0px;
  font-size: .8125rem;
`;
exports.ProductTitle = ProductTitle;
const ProductPricePanel = styled.div `
  display: flex;
  flex-direction: column;
`;
exports.ProductPricePanel = ProductPricePanel;
const RegularPrice = styled.withComponent(Text_1.default) `
  text-decoration: line-through;
  color: grey;
  font-size: .6875rem;
  &:after {
    content: ' Original'
  }
`;
exports.RegularPrice = RegularPrice;
const SalePrice = styled.withComponent(Text_1.default) `
  /* margin-left: 5px; */
  font-weight: bold;
  font-size: .8125rem;
  &:after {
    content: ' SALE'
  }
`;
exports.SalePrice = SalePrice;
const OfferLabel = styled.withComponent(Text_1.default) `
  color: red;
  font-size: .6875rem;
`;
exports.OfferLabel = OfferLabel;
const StyledRatings = styled.withComponent(Ratings_1.default) `
  margin: 5px 0;
  ${Ratings_1.TotalRatings} {
    font-size: .8125rem;
  }
`;
exports.StyledRatings = StyledRatings;
const FavouriteButton = styled.div `
  position: absolute;
  top: 10px;
  left: 10px;
`;
exports.FavouriteButton = FavouriteButton;
const AddtoCartButton = styled.div `
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: grey;
  padding: 10px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
`;
exports.AddtoCartButton = AddtoCartButton;
//# sourceMappingURL=styled.js.map