"use strict";

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

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

const styleh_toolset_1 = require("@skava/styleh-toolset");

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;${styleh_toolset_1.media.phoneOrSmaller`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`${styleh_toolset_1.media.phoneOrSmaller`margin:10px 0;`};`;
exports.DetailedListValue = DetailedListValue; //# sourceMappingURL=styled.js.map