"use strict";

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

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

const styles_1 = require("@skava/ui/dist/styles");

const Placeholder_1 = require("@skava/ui/dist/components/atoms/Placeholder");

const Button = styleh_components_1.styled.div`grid-area:button;position:relative;display:flex;flex-direction:row;@media (max-width:767px){flex-direction:column;}`;
exports.Button = Button;
const Quantity = styleh_components_1.styled.div`grid-area:quantity;position:relative;padding-top:1rem;padding-bottom:2rem;align-self:flex-start;display:flex;&:before{${styles_1.borderLine};width:70%;top:0;}@media (max-width:767px){padding-top:1rem;padding-bottom:1rem;}`;
exports.Quantity = Quantity;
const Rating = styleh_components_1.styled.div`grid-area:rating;position:relative;align-self:flex-start;`;
exports.Rating = Rating;
const Description = styleh_components_1.styled.div.attrs({
  'data-qa': 'qa-product-details'
})`grid-area:description;position:relative;padding-bottom:1.5rem;align-self:flex-start;&:after{${styles_1.borderLine};width:70%;}@media (max-width:767px){margin-bottom:1.5rem;margin-top:1rem;}`;
exports.Description = Description;
const ProductOptions = styleh_components_1.styled.div`grid-area:facetItem;position:relative;`;
exports.ProductOptions = ProductOptions;
const ProductSection = styleh_components_1.styled.div`grid-area:productItem;`;
exports.ProductSection = ProductSection;
const ProductItemContainer = styleh_components_1.styled.div`display:grid;grid-column-gap:3.75rem;grid-template-columns:298px 1fr 1fr;grid-template-areas:'productItem facetItem description' 'productItem facetItem rating' 'productItem facetItem quantity' 'productItem facetItem button';@media (max-width:1023px){grid-template-columns:230px 1fr;grid-template-areas:'productItem facetItem' 'productItem description' 'productItem rating' 'productItem quantity' 'productItem button';}@media (max-width:767px){grid-template-columns:repeat(1,1fr);grid-template-areas:'productItem' 'description' 'facetItem' 'rating' 'quantity' 'button';}`;
exports.ProductItemContainer = ProductItemContainer;
const ProductItemWrapper = styleh_components_1.styled.section`width:100%;border-top:1px solid var(--color-light-grey);padding:2.1875rem 0 1.875rem 0;position:relative;@media (max-width:1023px){padding:1.75rem 0;}`;
exports.ProductItemWrapper = ProductItemWrapper;
const StyledTextPlaceholder = styleh_components_1.styled.withComponent(Placeholder_1.TextPlaceholder)`display:block;margin-bottom:0.5rem;`;
exports.StyledTextPlaceholder = StyledTextPlaceholder;
const ProductDetailsPlaceholder = styleh_components_1.styled.withComponent(Placeholder_1.TextPlaceholder)`display:block;margin-bottom:0.5rem;`;
exports.ProductDetailsPlaceholder = ProductDetailsPlaceholder;
const StyledRectanglePlaceholder = styleh_components_1.styled.withComponent(Placeholder_1.TextPlaceholder)`margin-bottom:0.5rem;`;
exports.StyledRectanglePlaceholder = StyledRectanglePlaceholder;
const ProductOptionsWrapper = styleh_components_1.styled.div`padding:1rem 0;position:relative;&:first-child{padding-top:0;}&:after{${styles_1.borderLine};width:70%;}@media (min-width:768px){&:last-child:after{content:'';display:none;}}`;
exports.ProductOptionsWrapper = ProductOptionsWrapper;
const StyledColorPlaceholder = styleh_components_1.styled.withComponent(Placeholder_1.SquarePlaceholder)`margin-right:1rem;`;
exports.StyledColorPlaceholder = StyledColorPlaceholder;