'use strict';

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

var React = require('react');
var css = require('../../utilities/css.js');
var List$1 = require('./List.scss.js');
var Item = require('./components/Item/Item.js');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var React__default = /*#__PURE__*/_interopDefaultLegacy(React);

const List = function List({
  children,
  spacing = 'loose',
  type = 'bullet'
}) {
  const className = css.classNames(List$1["default"].List, spacing && List$1["default"][css.variationName('spacing', spacing)], type && List$1["default"][css.variationName('type', type)]);
  const ListElement = type === 'bullet' ? 'ul' : 'ol';
  return /*#__PURE__*/React__default["default"].createElement(ListElement, {
    className: className
  }, children);
};
List.Item = Item.Item;

exports.List = List;
