"use strict";

var __importDefault = this && this.__importDefault || function (mod) {
  return mod && mod.__esModule ? mod : {
    "default": mod
  };
};

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

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

const Text_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