@brightleaf/elements/lib/field/field.js

React UI elements styled with Bulma CSS

"use strict";

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

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

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

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

var Field = function Field(_ref) {
  var className = _ref.className,
      children = _ref.children,
      isGrouped = _ref.isGrouped,
      isGroupedCentered = _ref.isGroupedCentered,
      isGroupedRight = _ref.isGroupedRight,
      isGroupedMultiline = _ref.isGroupedMultiline,
      hasAddons = _ref.hasAddons,
      hasAddonsCentered = _ref.hasAddonsCentered,
      hasAddonsRight = _ref.hasAddonsRight,
      isHorizontal = _ref.isHorizontal,
      isNarrow = _ref.isNarrow,
      isExpanded = _ref.isExpanded;
  var classes = {
    'is-grouped': isGrouped,
    'is-grouped-centered': isGroupedCentered,
    'is-grouped-right': isGroupedRight,
    'has-addons': hasAddons,
    'has-addons-centered': hasAddonsCentered,
    'has-addons-right': hasAddonsRight,
    'is-grouped-multiline': isGroupedMultiline,
    'is-horizontal': isHorizontal,
    'is-expanded': isExpanded,
    'is-narrow': isNarrow
  };
  return _react.default.createElement("div", {
    className: (0, _classnames.default)('field', className, classes)
  }, children);
};

exports.Field = Field;