"use strict";

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

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

const ActionButtonGroup_1 = require("../../../presets/Order/ActionButtonGroup");

const ProductDetails = styleh_components_1.styled.div`flex:0 0 50%;display:block;${props => props.singleItem && styleh_components_1.styled.css`flex:0 0 100%;`} ${props => props.singleItem === false && props.viewType === 'grid' && styleh_components_1.styled.css`display:none;`};`;
exports.ProductDetails = ProductDetails;
const ProductItemWrapper = styleh_components_1.styled.div.attrs({
  'data-qa': 'qa-ordered-product-item-container'
})`display:flex;flex-wrap:wrap;padding:0 0 1.875rem 0;width:100%;flex:1;`;
exports.ProductItemWrapper = ProductItemWrapper;
const ProductItemsWrap = styleh_components_1.styled.div`flex:1;display:flex;@media (max-width:767px){flex:0 0 100%;}${props => props.isSubscriptionItem && styleh_components_1.styled.css`@media (max-width:767px){flex-direction:column;}`};`;
exports.ProductItemsWrap = ProductItemsWrap;
const ProductItemButtonsPanel = styleh_components_1.styled.div`flex:0 0 20%;${props => props && props.isFocused && !props.isActive && styleh_components_1.styled.css`${ActionButtonGroup_1.PrintButton},${ActionButtonGroup_1.OrderAgainButton},${ActionButtonGroup_1.ReturnButton}{visibility:visible;}`};@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1){${ActionButtonGroup_1.PrintButton},${ActionButtonGroup_1.OrderAgainButton},${ActionButtonGroup_1.ReturnButton}{visibility:visible;}}@media (max-width:767px){flex:0 0 100%;align-items:center;}`;
exports.ProductItemButtonsPanel = ProductItemButtonsPanel;
const ProductImageWrapper = styleh_components_1.styled.a`margin-right:30px;@media (max-width:1023px){margin-right:10px;}@media (max-width:767px){margin-right:8px;}`;
exports.ProductImageWrapper = ProductImageWrapper;
const ButtonWrapper = styleh_components_1.styled.div`margin-bottom:15px;`;
exports.ButtonWrapper = ButtonWrapper;
const ProductFacetsWrapper = styleh_components_1.styled.div`margin-top:10px;`;
exports.ProductFacetsWrapper = ProductFacetsWrapper;
const QuantityWrapper = styleh_components_1.styled.div`margin:10px 0;`;
exports.QuantityWrapper = QuantityWrapper;
const ReviewWrapper = styleh_components_1.styled.div``;
exports.ReviewWrapper = ReviewWrapper;
const FrequencyWrapper = styleh_components_1.styled.div`display:flex;align-items:center;`;
exports.FrequencyWrapper = FrequencyWrapper; //# sourceMappingURL=styled.js.map