web-toolkit/lib/components/Frame.js

A GTK inspired toolkit designed to build awesome web apps

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));

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

var _clsx = _interopRequireDefault(require("clsx"));

/*
 * Frame.js
 */
var defaultProps = {
  border: true
};

function Frame(_ref) {
  var children = _ref.children,
      className = _ref.className,
      inline = _ref.inline,
      background = _ref.background,
      scrollable = _ref.scrollable,
      border = _ref.border,
      label = _ref.label,
      padded = _ref.padded,
      rest = (0, _objectWithoutProperties2.default)(_ref, ["children", "className", "inline", "background", "scrollable", "border", "label", "padded"]);
  var Component = label ? 'fieldset' : 'div';
  return /*#__PURE__*/_react.default.createElement(Component, Object.assign({
    className: (0, _clsx.default)('Frame', className, background ? "background-".concat(background) : undefined, {
      inline: inline,
      padded: padded,
      scrollable: scrollable,
      'no-border': !border
    }),
    role: Component === 'fieldset' ? 'presentation' : undefined
  }, rest), label && /*#__PURE__*/_react.default.createElement("legend", null, label), children);
}

Frame.defaultProps = defaultProps;
var _default = Frame;
exports.default = _default;
//# sourceMappingURL=Frame.js.map