"use strict";

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

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

const Buttons_1 = require("../../Buttons");

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

const BaseWrapper = styleh_components_1.styled.div`position:relative;flex:0 0 100%;flex-direction:column;display:none;align-items:flex-end;flex-wrap:wrap;${props => !props.isVisible && styleh_components_1.styled.css`display:flex;`};`;
exports.BaseWrapper = BaseWrapper;
const PrintButton = styleh_components_1.styled.withComponent(Buttons_1.PrimaryButton).attrs({
  'data-qa': 'qa-track-package'
})`margin-bottom:15px;background:var(--color-blue);width:100%;`;
exports.PrintButton = PrintButton;
const OrderAgainButton = styleh_components_1.styled.withComponent(Buttons_1.PrimaryButton).attrs({
  'data-qa': 'qa-order-again'
})`margin-bottom:15px;background:var(--color-light-grey);`;
exports.OrderAgainButton = OrderAgainButton;
const ReturnButton = styleh_components_1.styled.withComponent(Buttons_1.PrimaryButton).attrs({
  'data-qa': 'qa-cancel-item'
})`background:var(--color-light-grey);`;
exports.ReturnButton = ReturnButton;
const CancelButton = styleh_components_1.styled.withComponent(Buttons_1.PrimaryButton)`background:var(--color-light-grey);`;
exports.CancelButton = CancelButton;
const StyledPrintButton = styleh_components_1.styled.withComponent(PrintButton).attrs({
  'data-qa': 'qa-return-order'
})``;
exports.StyledPrintButton = StyledPrintButton;
const StyledOrderAgainButton = styleh_components_1.styled.withComponent(OrderAgainButton).attrs({
  'data-qa': 'qa-order-again'
})``;
exports.StyledOrderAgainButton = StyledOrderAgainButton;
const StyledReturnButton = styleh_components_1.styled.withComponent(ReturnButton).attrs({
  'data-qa': 'qa-write-review-trigger'
})`${Button_1.ButtonLabel}{font-size:18px;font-weight:500;}`;
exports.StyledReturnButton = StyledReturnButton;
const SectionWrapper = styleh_components_1.styled.div`display:flex;flex-wrap:wrap;width:100%;flex-direction:column;align-items:flex-end;${PrintButton},${OrderAgainButton},${ReturnButton}{border-radius:4px;width:162px;height:44px;padding:0 8px;@media (max-width:767px){width:100%;}${Button_1.ButtonLabel}{font-size:18px;font-weight:500;text-transform:capitalize;margin:0;}}`;
exports.SectionWrapper = SectionWrapper; //# sourceMappingURL=styled.js.map