@brightleaf/elements/lib/menu/menu.js

React UI elements styled with Bulma CSS

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Menu = exports.MenuListItem = exports.MenuList = exports.MenuLabel = void 0;

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

var _classnames = _interopRequireDefault(require("classnames"));

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

var MenuLabel = function MenuLabel(_ref) {
  var children = _ref.children,
      className = _ref.className;
  return _react.default.createElement("p", {
    className: (0, _classnames.default)('menu-label', className)
  }, children);
};

exports.MenuLabel = MenuLabel;

var MenuList = function MenuList(_ref2) {
  var children = _ref2.children,
      className = _ref2.className;
  return _react.default.createElement("ul", {
    className: (0, _classnames.default)('menu-list', className)
  }, children);
};

exports.MenuList = MenuList;

var MenuListItem = function MenuListItem(_ref3) {
  var children = _ref3.children,
      className = _ref3.className;
  return _react.default.createElement("li", {
    className: (0, _classnames.default)(className)
  }, children);
};

exports.MenuListItem = MenuListItem;

var Menu = function Menu(_ref4) {
  var children = _ref4.children,
      className = _ref4.className;
  return _react.default.createElement("aside", {
    className: (0, _classnames.default)('menu', className)
  }, children);
};

exports.Menu = Menu;