@brightleaf/elements/lib/level/level.js

React UI elements styled with Bulma CSS

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Level = exports.LevelItem = exports.LevelRight = exports.LevelLeft = void 0;

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

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

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

var LevelLeft = function LevelLeft(_ref) {
  var children = _ref.children,
      className = _ref.className;
  return _react.default.createElement("div", {
    className: (0, _classnames.default)('level-left', className)
  }, children);
};

exports.LevelLeft = LevelLeft;

var LevelRight = function LevelRight(_ref2) {
  var children = _ref2.children,
      className = _ref2.className;
  return _react.default.createElement("div", {
    className: (0, _classnames.default)('level-right', className)
  }, children);
};

exports.LevelRight = LevelRight;

var LevelItem = function LevelItem(_ref3) {
  var className = _ref3.className,
      children = _ref3.children,
      hasTextCentered = _ref3.hasTextCentered;

  var kid = _react.default.cloneElement(children, {
    className: (0, _classnames.default)('level-item', className, {
      'has-text-centered': hasTextCentered
    })
  });

  return _react.default.createElement(_react.default.Fragment, null, kid);
};

exports.LevelItem = LevelItem;

var Level = function Level(_ref4) {
  var children = _ref4.children,
      isMobile = _ref4.isMobile,
      className = _ref4.className;
  var classNames = (0, _classnames.default)('level', className, {
    'is-mobile': isMobile
  });
  return _react.default.createElement("nav", {
    className: classNames
  }, children);
};

exports.Level = Level;