"use strict";

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

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

const DetailedListWrapper = styleh_components_1.styled.div`width:100%;`;
exports.DetailedListWrapper = DetailedListWrapper;
/**
 * @todo isColumnView is not working right now
 * this logic will be changed by using React.Context
 *
 * @note was just a typo - currently it's in by using breakpoints
 */
// flex-direction: ${props => (props.isColumnView === true ? 'column' : 'row')};

const DetailedListItemPanel = styleh_components_1.styled.dl`display:flex;flex-direction:row;@media (max-width:767px){flex-direction:column;}`;
exports.DetailedListItemPanel = DetailedListItemPanel;
const DetailedListLabel = styleh_components_1.styled.dt`${props => props.isColon === true && styleh_components_1.styled.css`&::after{content:':';}`};`;
exports.DetailedListLabel = DetailedListLabel;
const DetailedListValue = styleh_components_1.styled.dd`@media (max-width:767px){margin:10px 0;}`;
exports.DetailedListValue = DetailedListValue; //# sourceMappingURL=styled.js.map