"use strict";

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

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

const AnimatedExpandableCard_1 = require("../../../presets/AnimatedExpandableCard");

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

const StyledButtonPlaceHolder = styleh_components_1.styled.withComponent(Placeholder_1.RectanglePlaceholder)``;
exports.StyledButtonPlaceHolder = StyledButtonPlaceHolder;
const StyledTextPlaceholder = styleh_components_1.styled.withComponent(Placeholder_1.TextPlaceholder)`margin-right:1.5rem;width:6.25rem;@media (max-width:767px){width:3.125rem;margin-right:1rem;}`;
exports.StyledTextPlaceholder = StyledTextPlaceholder;
const StyledNamePlaceHolder = styleh_components_1.styled.withComponent(Placeholder_1.TextPlaceholder)`margin-right:1.5rem;@media (max-width:1023px){margin-bottom:0.5rem;margin-right:0;}`;
exports.StyledNamePlaceHolder = StyledNamePlaceHolder;
const StyledRectanglePlaceholder = styleh_components_1.styled.withComponent(Placeholder_1.RectanglePlaceholder)`border-radius:25%;`;
exports.StyledRectanglePlaceholder = StyledRectanglePlaceholder;
const StyledSquarePlaceholder = styleh_components_1.styled.withComponent(Placeholder_1.SquarePlaceholder)`margin-right:3.375rem;&:first-child{margin-right:1.5rem;}@media (max-width:767px){margin-right:2rem;&:first-child{margin-right:1rem;}}`;
exports.StyledSquarePlaceholder = StyledSquarePlaceholder;
const StyledButtonWrapper = styleh_components_1.styled.div`display:flex;flex-direction:row;align-items:center;${StyledTextPlaceholder}{margin-bottom:0;}`;
exports.StyledButtonWrapper = StyledButtonWrapper;
const ActionBarWrapper = styleh_components_1.styled.div`display:flex;align-items:center;flex:1;margin-right:0.5rem;@media (max-width:1023px){flex-direction:column;align-items:flex-start;}${props => props.isConfirming === true && styleh_components_1.styled.css`flex:1;justify-content:space-between;@media (max-width:1023px){margin-right:0;}`};`;
exports.ActionBarWrapper = ActionBarWrapper;
const HeaderWrapper = styleh_components_1.styled.section`display:flex;flex-direction:row;margin-bottom:0.5rem;height:3.25rem;padding-bottom:0.5rem;@media (min-width:1024px){${props => props.isExpanded === true && props.isConfirming === true && styleh_components_1.styled.css`border-bottom:1px solid #d7d7d7;`};}@media (max-width:1023px){height:5.125rem;flex-wrap:wrap;}@media (max-width:767px){height:auto;}`;
exports.HeaderWrapper = HeaderWrapper;
const StyledAnimatedExpandableCard = styleh_components_1.styled.withComponent(AnimatedExpandableCard_1.AnimatedExpandableCard).attrs({
  'data-qa': 'qa-list-container'
})`overflow:visible;margin-bottom:0.5rem;@media (max-width:767px){margin-bottom:1rem;}`;
exports.StyledAnimatedExpandableCard = StyledAnimatedExpandableCard; //# sourceMappingURL=styled.js.map