"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const TextPlaceholder_1 = require("atoms/Placeholder/TextPlaceholder");
const HeadingTextPlaceholder = styled.withComponent(TextPlaceholder_1.TextPlaceholder) `
  margin-bottom: 20px;
`;
exports.HeadingTextPlaceholder = HeadingTextPlaceholder;
const DetailedListItemWrapper = styled.div `
  display: flex;
  flex-direction: ${props => (props.isColumnView === true ? 'column' : 'row')};

  .dl-datum {
    margin-bottom: 5px;
  }

  @media (max-width: 767px) {
    flex-direction: column;
  }
`;
exports.DetailedListItemWrapper = DetailedListItemWrapper;
const StyledTextPlaceholder = styled.withComponent(TextPlaceholder_1.TextPlaceholder) `
  margin-left: 40px;
  margin-bottom: 5px;
`;
exports.StyledTextPlaceholder = StyledTextPlaceholder;
const DetailedListWrapper = styled.dl `
  width: 100%;
`;
exports.DetailedListWrapper = DetailedListWrapper;
//# sourceMappingURL=styled.js.map