"use strict";

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

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

const Placeholder_1 = require("../../../atoms/Placeholder");

const buttonStyle = styleh_components_1.styled.css`width:12.5rem;height:2.75rem;@media (max-width:767px){align-self:flex-end;}`;
exports.buttonStyle = buttonStyle;
const ButtonPlaceholder = styleh_components_1.styled.withComponent(Placeholder_1.RectanglePlaceholder)`${buttonStyle};`;
exports.ButtonPlaceholder = ButtonPlaceholder;
const StatusPlaceholder = styleh_components_1.styled.withComponent(Placeholder_1.ParagraphPlaceholder)`margin-top:1.5rem;width:28.125rem;@media (max-width:1023px){width:100%;margin-bottom:1.5rem;}`;
exports.StatusPlaceholder = StatusPlaceholder;
const Heading = styleh_components_1.styled.withComponent(Placeholder_1.TextPlaceholder)`width:15.625rem;margin-left:1rem;`;
exports.Heading = Heading;
const Title = styleh_components_1.styled.div`display:flex;align-items:center;`;
exports.Title = Title;
const LeftSection = styleh_components_1.styled.div`display:flex;flex-direction:column;`;
exports.LeftSection = LeftSection;
const StyledWrapper = styleh_components_1.styled.section`display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;@media (max-width:1023px){align-items:baseline;}@media (max-width:767px){flex-direction:'row';}`;
exports.StyledWrapper = StyledWrapper; //# sourceMappingURL=styled.js.map