"use strict";

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

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

const Link_1 = require("@skava/ui/dist/components/atoms/Link");

const Incrementer_1 = require("@skava/ui/dist/inputs/Incrementer");

const Button_1 = require("@skava/ui/dist/components/atoms/Button");

const Heading_1 = require("@skava/ui/dist/components/atoms/Text/Heading");

const Quantity_1 = require("../../Quantity");

const Ratings_1 = require("../../Ratings");

const ProductPrice_1 = require("../../ProductPieces/ProductPrice");

const ProductPieces_1 = require("../../ProductPieces");

const ProductIdentifier_1 = require("../../ProductPieces/ProductIdentifier");

const Buttons_1 = require("../../Buttons");

const Toggle_1 = require("@skava/ui/dist/components/molecules/Toggle");

const Figure_1 = require("@skava/ui/dist/components/molecules/Figure");

const PrimaryButton = styleh_components_1.styled(Button_1.Button).attrs({
  'data-qa': 'qa-addcart'
})`background-color:#14a0d5;border:none;width:11.25rem;height:2.75rem;border-radius:4px;margin-right:16px;padding:0;${props => props.isAddToCartDisabled && styleh_components_1.styled.css`opacity:0.5;pointer-events:none;`} @media (max-width:767px){width:100%;margin-bottom:16px;}${Button_1.ButtonText}{color:var(--color-pure-white);text-transform:none;}${Button_1.ButtonIcon}{svg{fill:var(--color-pure-white);}}`;
exports.PrimaryButton = PrimaryButton;
const SecondaryButton = styleh_components_1.styled(Button_1.Button).attrs({
  'data-qa': 'qa-save'
})`background-color:var(--color-dark-grey);border:none;width:11.25rem;height:2.75rem;border-radius:4px;padding:0;@media (max-width:767px){width:100%;}${Button_1.ButtonText}{color:var(--color-pure-white);text-transform:none;}${Button_1.ButtonIcon}{svg g{fill:var(--color-pure-white);}}`;
exports.SecondaryButton = SecondaryButton;
const StyledHeading = styleh_components_1.styled(Heading_1.Heading).attrs({
  'data-qa': 'qa-collection-product-name'
})`color:var(--color-black);text-transform:capitalize;margin:0;margin-bottom:8px;font-size:20px;@media (max-width:767px){font-size:18px;}`;
exports.StyledHeading = StyledHeading;
const StyledProductName = styleh_components_1.styled(ProductPieces_1.ProductName).attrs({
  'data-qa': 'qa-product-name'
})`font-size:28px;font-weight:500;margin:8px 0 12px;@media (max-width:767px){margin:4px 0 12px 0;font-size:20px;}`;
exports.StyledProductName = StyledProductName;
const StyledProductPrice = styleh_components_1.styled(ProductPieces_1.ProductPrice).attrs({
  'data-qa': 'qa-product-price'
})`display:flex;flex-direction:column;${ProductPrice_1.RegularPrice}{color:var(--color-black);order:0;font-size:16px;@media (max-width:767px){font-size:14px;}}${ProductPrice_1.SalePrice}{color:#ea2227;font-size:20px;font-weight:700;order:1;@media (max-width:767px){font-size:16px;}}`;
exports.StyledProductPrice = StyledProductPrice;
const StyledProductDescription = styleh_components_1.styled(ProductPieces_1.ProductDescription)`margin:0;color:var(--color-dark-grey);@media (max-width:767px){font-size:14px;}`;
exports.StyledProductDescription = StyledProductDescription;
const StyledBrandName = styleh_components_1.styled(ProductPieces_1.ProductName)`color:var(--color-dark-grey);font-weight:500;margin:20px 0 8px;text-transform:uppercase;font-size:18px;@media (max-width:767px){margin:14px 0 4px 0;font-size:16px;}`;
exports.StyledBrandName = StyledBrandName;
const StyledQuantity = styleh_components_1.styled(Quantity_1.Quantity)`width:auto;${Quantity_1.StyledTitle}{margin:0;margin-bottom:0.5rem;font-size:20px;@media (max-width:767px){font-size:16px;}}${Incrementer_1.IncrementerWrapper}{padding:10px;border:1px solid var(--color-light-grey);border-radius:4px;button svg{height:1.4375rem;}}`;
exports.StyledQuantity = StyledQuantity;
const InventoryContent = styleh_components_1.styled.span`display:flex;height:44px;align-self:flex-end;align-items:center;font-weight:500;text-transform:capitalize;margin-left:1.5rem;${props => props.color !== '' && styleh_components_1.styled.css`color:${props.color};`} @media (max-width:1023px){margin-left:1.125rem;}@media (max-width:767px){height:2.625rem;margin-left:1.5rem;}`;
exports.InventoryContent = InventoryContent;
const StyledRatingTitle = styleh_components_1.styled.div`font-size:1.25rem;font-weight:700;`;
exports.StyledRatingTitle = StyledRatingTitle;
const StyledWriteReview = styleh_components_1.styled(Buttons_1.LinkButton).attrs({
  'data-qa': 'qa-write-review'
})`margin:0;padding:0;justify-content:flex-start;${Button_1.ButtonText}{color:var(--color-blue);margin:0;text-transform:none;font-size:14px;}`;
exports.StyledWriteReview = StyledWriteReview;
const StyledRating = styleh_components_1.styled(Ratings_1.Ratings).attrs({
  'data-qa': 'qa-product-rating'
})`padding:10px 0 6px 0;`;
exports.StyledRating = StyledRating;
const StyledProductIdentifier = styleh_components_1.styled(ProductPieces_1.ProductIdentifier)`color:var(--color-dark-grey);font-size:16px;margin-bottom:4px;@media (max-width:767px){font-size:14px;}${ProductIdentifier_1.LabelElement}{text-transform:uppercase;}${ProductIdentifier_1.ValueElement}{margin-left:5px;}`;
exports.StyledProductIdentifier = StyledProductIdentifier;
const StyledCheckBox = styleh_components_1.styled(Toggle_1.Toggle).attrs({
  'data-qa': 'qa-add-item'
})`width:11.25rem;height:2.75rem;cursor:pointer;${Toggle_1.StyledCheckboxIcon}{border-radius:0.25rem;&:hover .checkbox-borderfill{fill:${props => props.bgColor};}.checkbox-tickfill{transform:scale(1.4,1.4) translate(22px,34px);}}${Toggle_1.StyledLabel}{color:var(--color-black);font-size:20px;font-weight:700;}`;
exports.StyledCheckBox = StyledCheckBox;
const StyledProductImage = styleh_components_1.styled(ProductPieces_1.ProductImage).attrs({
  'data-qa': 'qa-product-image'
})`${ProductPieces_1.ProductImageSection}{height:15rem;display:flex;align-items:center;@media (max-width:1023px){height:11.5rem;}@media (max-width:767px){height:14.625rem;}}`;
exports.StyledProductImage = StyledProductImage;
const StyledProductImageWithCaption = styleh_components_1.styled(ProductPieces_1.ProductImageWithCaption).attrs({
  'data-qa': 'qa-product-image'
})`background:var(--color-pure-white);${Figure_1.FigureCaption}{&:first-letter{text-transform:capitalize;}}`;
exports.StyledProductImageWithCaption = StyledProductImageWithCaption;
const StyledLink = styleh_components_1.styled(Link_1.Link).attrs({
  'data-qa': 'qa-view-bundle'
})`width:11.25rem;height:2.75rem;border-radius:0.25rem;margin-right:1rem;background-color:#14a0d5;display:flex;align-items:center;justify-content:center;color:var(--color-pure-white);text-decoration:none;text-transform:capitalize;font-size:1rem;@media (max-width:767px){width:100%;margin-bottom:16px;}`;
exports.StyledLink = StyledLink;
const ProductNavigationLink = styleh_components_1.styled(Link_1.Link)`text-decoration:none;img{position:relative;}`;
exports.ProductNavigationLink = ProductNavigationLink;