"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 Buttons_1 = require("../../../Buttons");

const StyledHeading = styleh_components_1.styled.withComponent(Text_1.Heading)`display:inline-block;margin-bottom:0.5rem;`;
exports.StyledHeading = StyledHeading;
const PendingCount = styleh_components_1.styled.span.attrs({
  'data-qa': 'qa-pending-value'
})`color:#d2171c;${props => props.zeroPendingCount && styleh_components_1.styled.css`color:#7b879f;`}`;
exports.PendingCount = PendingCount;
const StyledDescription = styleh_components_1.styled.withComponent(Text_1.Paragraph)`margin:0.5rem 0 1.5rem 0;color:var(--color-dark-grey);`;
exports.StyledDescription = StyledDescription;
const StyledGhostButton = styleh_components_1.styled.withComponent(Buttons_1.GhostButton)`width:12.5rem;border-color:var(--color-dark-grey);${Button_1.ButtonLabel}{color:var(--color-dark-grey);font-weight:500;}@media (max-width:767px){width:100%;}`;
exports.StyledGhostButton = StyledGhostButton; //# sourceMappingURL=styled.js.map