@react-awesome-query-builder/ui/cjs/components/widgets/vanilla/core/VanillaProvider.js

User-friendly query builder for React. Core React UI

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.VanillaProvider = void 0;
var _react = _interopRequireDefault(require("react"));
var VanillaProvider = exports.VanillaProvider = function VanillaProvider(_ref) {
  var _config$settings$them;
  var config = _ref.config,
    children = _ref.children;
  var themeMode = (_config$settings$them = config.settings.themeMode) !== null && _config$settings$them !== void 0 ? _config$settings$them : "light";
  var compactMode = config.settings.compactMode;
  var liteMode = config.settings.liteMode;
  var base = /*#__PURE__*/_react["default"].createElement("div", {
    className: "qb-".concat(themeMode, " ").concat(compactMode ? "qb-compact" : "", " ").concat(liteMode ? "qb-lite" : "")
  }, children);
  return base;
};