@brightleaf/elements/lib/control/control.js

React UI elements styled with Bulma CSS

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Control = void 0;

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

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

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

var Control = function Control(_ref) {
  var El = _ref.as,
      className = _ref.className,
      children = _ref.children,
      hasIconsLeft = _ref.hasIconsLeft,
      hasIconsRight = _ref.hasIconsRight,
      isExpanded = _ref.isExpanded,
      isGrouped = _ref.isGrouped;
  var classes = {
    'has-icons-left': hasIconsLeft,
    'has-icons-right': hasIconsRight,
    'is-expanded': isExpanded,
    'is-grouped': isGrouped
  };
  return _react.default.createElement(El, {
    className: (0, _classnames.default)('control', className, classes)
  }, children);
};

exports.Control = Control;
Control.defaultProps = {
  as: 'div'
};