"use strict";

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

const tslib_1 = require("tslib");

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

const Text_1 = tslib_1.__importDefault(require("../../atoms/Text"));

const ItemPanel = styleh_components_1.styled.li`padding:10px 0;`;
exports.ItemPanel = ItemPanel;
const StyledText = styleh_components_1.styled.withComponent(Text_1.default)``;
exports.StyledText = StyledText;
const ListWrapper = styleh_components_1.styled.ul`list-style:none;margin:0;padding:0;display:flex;flex-direction:${props => props.isHorizontalView === true ? 'row' : 'column'};${props => props.isHorizontalView && styleh_components_1.styled.css`${ItemPanel}{margin-right:10px;}`};`;
exports.ListWrapper = ListWrapper; //# sourceMappingURL=styled.js.map