"use strict";

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

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

const Text_1 = require("../../../atoms/Text");

const Image_1 = require("../../../atoms/Image");

const Link_1 = require("../../../atoms/Link");

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

const DetailedList_1 = require("../../../molecules/DetailedList");

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

const Incrementer_1 = require("../../../../inputs/Incrementer");

const StyledLink = styleh_components_1.styled.withComponent(Link_1.Link)`text-decoration:none;`;
exports.StyledLink = StyledLink;
const StyledImageLink = styleh_components_1.styled.withComponent(StyledLink).attrs({
  'data-qa': 'qa-product-image'
})`text-decoration:none;height:7.9375rem;flex:0 0 9.875rem;@media (max-width:1023px){flex:0 0 7.375rem;height:5.9375rem;}@media (max-width:767px){flex:0 0 7rem;height:5.625rem;}`;
exports.StyledImageLink = StyledImageLink;
const StyledImage = styleh_components_1.styled.withComponent(Image_1.Image)`flex:0 0 9.875rem;@media (max-width:1023px){flex:0 0 7.375rem;height:5.9375rem;}@media (max-width:767px){flex:0 0 7rem;height:5.625rem;}`;
exports.StyledImage = StyledImage;
const StyledBrandName = styleh_components_1.styled.withComponent(ProductPieces_1.ProductName)`margin:0;margin-bottom:0.5rem;text-transform:capitalize;@media (max-width:1023px){font-size:0.875rem;}`;
exports.StyledBrandName = StyledBrandName;
const StyledProductName = styleh_components_1.styled.withComponent(ProductPieces_1.ProductName)`margin:0;margin-bottom:0.5rem;font-weight:400;text-transform:capitalize;@media (max-width:1023px){font-size:0.75rem;}`;
exports.StyledProductName = StyledProductName;
const StyledDetailedList = styleh_components_1.styled.withComponent(DetailedList_1.DetailedList)`h3{display:none;}${DetailedList_1.DetailedListItemPanel}{margin:0;}${DetailedList_1.DetailedListLabel},${DetailedList_1.DetailedListValue}{color:var(--color-dark-grey);text-transform:capitalize;@media (max-width:1023px){font-size:0.75rem;}}${DetailedList_1.DetailedListValue}{margin-left:0.25rem;}@media (max-width:767px){${DetailedList_1.DetailedListItemPanel}{flex-direction:row;}${DetailedList_1.DetailedListValue}{margin:0;margin-left:0.25rem;}}`;
exports.StyledDetailedList = StyledDetailedList;
const StyledQuantity = styleh_components_1.styled.withComponent(Quantity_1.Quantity)`${Incrementer_1.IncrementerWrapper}{width:6.875rem;height:2.75rem;border:0.0625rem solid var(--color-light-grey);border-radius:0.125rem;align-items:center;padding:0 0.875rem;@media (max-width:1023px){border-radius:0.25rem;}@media (max-width:767px){margin-bottom:0.5rem;}}${Incrementer_1.StyledInput}{font-size:1rem;}@media (max-width:767px){padding-left:7.5rem;justify-content:flex-start;flex:0 0 100%;}`;
exports.StyledQuantity = StyledQuantity;
const StyledText = Text_1.StyledBaseText.as('span');
const StyledLabel = styleh_components_1.styled.withComponent(StyledText)`display:none;text-transform:capitalize;@media (max-width:767px){display:flex;padding-right:0.5rem;}`;
exports.StyledLabel = StyledLabel;
const StyledQuantityValue = StyledText;
exports.StyledQuantityValue = StyledQuantityValue;
const IdentifierWrapper = styleh_components_1.styled.div`display:flex;`;
exports.IdentifierWrapper = IdentifierWrapper;
const StyledIdentifier = styleh_components_1.styled.withComponent(StyledText)`color:var(--color-dark-grey);text-transform:capitalize;&:last-child{margin-left:0.25rem;}@media (max-width:1023px){font-size:0.75rem;}`;
exports.StyledIdentifier = StyledIdentifier;
const StyledPrice = styleh_components_1.styled.withComponent(ProductPieces_1.ProductPrice)`display:flex;flex-direction:column;@media (max-width:767px){flex-direction:row;}`;
exports.StyledPrice = StyledPrice;
const StyledWrapper = styleh_components_1.styled.div`display:flex;flex-direction:row;`;
exports.StyledWrapper = StyledWrapper;
const TotalPrice = styleh_components_1.styled.span`font-weight:600;font-size:1rem;margin-bottom:0.5rem;text-transform:capitalize;`;
exports.TotalPrice = TotalPrice;
const SavePrice = styleh_components_1.styled.span`color:var(--color-dark-grey);font-size:0.875rem;`;
exports.SavePrice = SavePrice; //# sourceMappingURL=styled.js.map