"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = List;

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _ListModule = _interopRequireDefault(require("./List.module.css"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function List(props) {
  var style = props.style,
      variant = props.variant,
      label = props.label,
      header = props.header,
      footer = props.footer,
      size = props.size,
      rhs = props.rhs,
      lhs = props.lhs;
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: _ListModule["default"].listContainer
  }, header ? /*#__PURE__*/_react["default"].createElement("div", {
    className: _ListModule["default"].header
  }, "header") : null, /*#__PURE__*/_react["default"].createElement("div", {
    className: _ListModule["default"].list + " " + _ListModule["default"][variant] + " " + _ListModule["default"][size]
  }, lhs ? /*#__PURE__*/_react["default"].createElement("div", {
    className: _ListModule["default"].listLHS
  }, "LHS") : null, /*#__PURE__*/_react["default"].createElement("div", {
    className: _ListModule["default"].listContent
  }, label), rhs ? /*#__PURE__*/_react["default"].createElement("div", {
    className: _ListModule["default"].listRHS
  }, "RHS") : null), footer ? /*#__PURE__*/_react["default"].createElement("div", {
    className: _ListModule["default"].footer
  }, "footer") : null);
}

List.defaultProps = {
  label: "Label Text"
};

if (false) {
  List.docs = {
    componentGroup: "Atom"
  };
}