"use strict";

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

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

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

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

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

const words_1 = require("@skava/ui/dist/words");

const StyledDetailedList = styleh_components_1.styled.withComponent(DetailedList_1.DetailedList)`display:flex;margin:0;justify-content:center;flex-direction:column;flex:1;${Heading_1.H3}{display:none;}${DetailedList_1.DetailedListItemPanel}{align-items:center;margin:0;margin-bottom:0.25rem;height:24px;&.status-value{${DetailedList_1.DetailedListValue}{color:var(--color-dark-green);}}@media(max-width:1023px){height:16px;}@media (max-width:767px){height:20px;}${DetailedList_1.DetailedListLabel}{white-space:nowrap;${props => props.isSubscriptionItem && styleh_components_1.styled.css`font-weight:500;font-size:16px;`}}${DetailedList_1.DetailedListValue}{text-overflow:ellipsis;overflow:hidden;width:100%;white-space:nowrap;${props => props.isSubscriptionItem && styleh_components_1.styled.css`font-size:16px;`}}}@media (max-width:767px){${DetailedList_1.DetailedListItemPanel}{flex:0 0 100%;flex-direction:row;}}.successShipment{${DetailedList_1.DetailedListValue}{color:#009944;}}${DetailedList_1.DetailedListValue}{margin:0 0 0 5px;white-space:nowrap;}${DetailedList_1.DetailedListLabel},${DetailedList_1.DetailedListValue}{position:relative;font-weight:700;text-transform:capitalize;color:var(--color-black);font-size:20px;@media (max-width:1023px){font-size:14px;line-height:20px;}}${DetailedList_1.DetailedListItemPanel}:nth-child(2){${DetailedList_1.DetailedListValue}:nth-child(2){text-transform:none;}}`;
exports.StyledDetailedList = StyledDetailedList;
const StyledButton = styleh_components_1.styled.withComponent(Button_1.Button).attrs({
  'data-qa': 'qa-order-history-details'
})`border:none;background:transparent;padding:0;align-self:flex-start;font-size:16px;&:before{content:'${words_1.wording.orderExpansionLabelDesktop}';${props => props.isSubscriptionItem && styleh_components_1.styled.css`content:'${words_1.wording.expansionLabelDesktop}';`}}@media (max-width:767px){font-size:16px;&:before{content:'${words_1.wording.orderExpansionLabelMobile}';${props => props.isSubscriptionItem && styleh_components_1.styled.css`content:'${words_1.wording.expansionLabelMobile}';`}}}${Button_1.ButtonIcon}{margin:0;}${Button_1.ButtonText}{text-transform:capitalize;font-size:18px;font-weight:700;color:var(--color-black);margin:0;margin-right:8px;@media (max-width:1023px){font-size:14px;margin-right:0.25rem;}${props => props.isSubscriptionItem && styleh_components_1.styled.css`font-weight:400;`}}`;
exports.StyledButton = StyledButton;