"use strict";

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

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

const Button_1 = require("../../../../atoms/Button");

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

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

const StyledButtonWithIcon = styleh_components_1.styled.withComponent(Button_1.Button)`background:transparent;border:0;padding:0;justify-content:flex-end;@media (min-width:768px){padding-right:1rem;}@media (min-width:1024px){padding-right:0.5rem;}${Button_1.ButtonLabel}{color:var(--color-blue);font-size:1.125rem;text-transform:capitalize;margin:0;font-weight:500;@media (max-width:1023px){font-size:0.875rem;}}${Button_1.ButtonIcon}{margin:0;@media (min-width:1024px){padding-left:0.5rem;}}`;
exports.StyledButtonWithIcon = StyledButtonWithIcon;
const HeadingWrapper = styleh_components_1.styled.div`display:flex;flex-direction:row;@media (max-width:1023px){flex-direction:column;}@media (max-width:767px){flex-direction:row;}`;
exports.HeadingWrapper = HeadingWrapper;
const StyledText = Text_1.StyledBaseText.as('span');
const StyledHeadingText = styleh_components_1.styled.withComponent(StyledText)`font-weight:bold;font-size:1.25rem;color:var(--color-black);margin-bottom:0.5rem;@media (max-width:1023px){font-size:1rem;}@media (max-width:767px){font-size:0.875rem;}`;
const StyledHeadingValue = styleh_components_1.styled.withComponent(StyledHeadingText)`margin-left:1.25rem;@media (max-width:1023px){margin-left:0;}`;
exports.StyledHeadingValue = StyledHeadingValue;
const UserInformationHeadingLabel = styleh_components_1.styled.withComponent(StyledHeadingText)`width:50px;@media (max-width:1023px){width:3.75rem;}`;
exports.UserInformationHeadingLabel = UserInformationHeadingLabel;
const OrderInformationHeadingLabel = styleh_components_1.styled.withComponent(StyledHeadingText)`width:9.375rem;&:after{content:'${props => props.isDesktop}:';}@media (max-width:1023px){&:after{content:'${props => props.isTabletOrMobile}:';}}`;
exports.OrderInformationHeadingLabel = OrderInformationHeadingLabel;
const DetailedListStyles = styleh_components_1.styled.css`${DetailedList_1.DetailedListItemPanel}{margin-top:0;margin-bottom:0.25rem;&.enable-bold{font-weight:700;}&.enable-blue{${DetailedList_1.DetailedListValue}{color:var(--color-blue);}}&.enable-green{${DetailedList_1.DetailedListValue}{color:var(--color-dark-green);font-weight:700;}}@media (max-width:767px){flex-direction:row;}}${DetailedList_1.DetailedListLabel},${DetailedList_1.DetailedListValue}{text-transform:capitalize;font-size:1rem;color:var(--color-black);@media (max-width:1023px){font-size:1rem;}@media (max-width:767px){font-size:0.875rem;}}${DetailedList_1.DetailedListValue}{width:11.25rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-left:1.25rem;@media (max-width:767px){width:11.5625rem;}@media (max-width:1023px){margin:0;width:8rem;}}`;
const StyledDetailedlistRequest = styleh_components_1.styled.withComponent(DetailedList_1.DetailedList)`${DetailedListStyles};${DetailedList_1.DetailedListValue}{@media (max-width:1023px){width:4.6875rem;}}`;
exports.StyledDetailedlistRequest = StyledDetailedlistRequest;
const StyledDetailedlist = styleh_components_1.styled.withComponent(DetailedList_1.DetailedList)`${DetailedListStyles};${DetailedList_1.DetailedListValue}{@media (max-width:1023px){width:9rem;}}`;
exports.StyledDetailedlist = StyledDetailedlist;
const StyledOrderInformation = styleh_components_1.styled.div`${StyledDetailedlist},${StyledDetailedlistRequest}{${DetailedList_1.DetailedListItemPanel}{@media (max-width:1023px){justify-content:space-between;${DetailedList_1.DetailedListValue}{text-align:right;}}@media (max-width:767px){justify-content:flex-start;${DetailedList_1.DetailedListValue}{text-align:left;}}${DetailedList_1.DetailedListLabel}{width:10rem;}}}${StyledDetailedlistRequest}{${DetailedList_1.DetailedListItemPanel}{${DetailedList_1.DetailedListLabel}{width:9.375rem;}}}`;
exports.StyledOrderInformation = StyledOrderInformation;
const StyledUserInformation = styleh_components_1.styled.div`${StyledDetailedlist},${StyledDetailedlistRequest}{${DetailedList_1.DetailedListLabel}{width:3.125rem;@media (max-width:1023px){width:3.75rem;}}}`;
exports.StyledUserInformation = StyledUserInformation;
const UserInformationList = styleh_components_1.styled.div`display:flex;@media (max-width:767px){font-size:14px;}`;
exports.UserInformationList = UserInformationList;
const UserInformationLabel = styleh_components_1.styled.span`width:3.125rem;`;
exports.UserInformationLabel = UserInformationLabel;
const UserNameValue = styleh_components_1.styled.span`margin-left:1.25rem;color:var(--color-blue);@media (max-width:1023px){margin-left:0.5rem;}`;
exports.UserNameValue = UserNameValue; //# sourceMappingURL=styled.js.map