"use strict";

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

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

const DetailedList_1 = require("@skava/ui/dist/components/molecules/DetailedList");

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

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

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

const StyledProductName = styleh_components_1.styled(ProductPieces_1.ProductName).attrs({
  'data-qa': 'qa-brand-name'
})`font-size:1.25rem;font-weight:700;color:var(--color-black);margin:0;margin-bottom:0.25rem;`;
exports.StyledProductName = StyledProductName;
const StyledProductFacets = styleh_components_1.styled(ProductPieces_1.ProductFacets).attrs({
  'data-qa': 'qa-sku-id'
})`color:#717c95;font-size:0.875rem;margin-bottom:0.5rem;${Text_1.H3}{display:none;}@media (max-width:1023px){${DetailedList_1.DetailedListItemPanel}{flex-direction:row;}${DetailedList_1.DetailedListValue}{margin:0;margin-left:10px;}}`;
exports.StyledProductFacets = StyledProductFacets;
const StyledProductDescription = styleh_components_1.styled(ProductPieces_1.ProductDescription).attrs({
  'data-qa': 'qa-product-title'
})`color:#717c95;font-size:1rem;margin:0;margin-bottom:0.5rem;`;
exports.StyledProductDescription = StyledProductDescription;
const StyledProductImage = styleh_components_1.styled(ProductPieces_1.ProductImage).attrs({
  'data-qa': 'qa-product-image'
})`${ProductPieces_1.ProductImageSection}{width:100%;height:8.75rem;background:transparent;}`;
exports.StyledProductImage = StyledProductImage;
const StyledProductPrice = styleh_components_1.styled(ProductPieces_1.ProductPrice).attrs({
  'data-qa': 'qa-price'
})``;
exports.StyledProductPrice = StyledProductPrice;
const ProductNavigationLink = styleh_components_1.styled(Link_1.Link)`text-decoration:none;`;
exports.ProductNavigationLink = ProductNavigationLink;