UNPKG

@ozen-ui/kit

Version:

React component library

20 lines (19 loc) 1.49 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.OzenProvider = void 0; var tslib_1 = require("tslib"); require("./OzenProvider.css"); var react_1 = tslib_1.__importDefault(require("react")); var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWithRef"); var classNames_1 = require("./classNames"); var constants_1 = require("./constants"); var providers_1 = require("./providers"); exports.OzenProvider = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (_a, ref) { var children = _a.children, ssr = _a.ssr, _b = _a.theme, theme = _b === void 0 ? constants_1.OZEN_PROVIDER_DEFAULT_THEME : _b, _c = _a.as, Tag = _c === void 0 ? constants_1.OZEN_PROVIDER_DEFAULT_TAG : _c, className = _a.className, other = tslib_1.__rest(_a, ["children", "ssr", "theme", "as", "className"]); return (react_1.default.createElement(providers_1.OzenSSRProvider, { config: ssr }, react_1.default.createElement(providers_1.OzenThemeProvider, tslib_1.__assign({}, other, { theme: theme }), react_1.default.createElement(Tag, tslib_1.__assign({}, other, { ref: ref, className: (0, classNames_1.cnOzenProvider)('', tslib_1.__spreadArray(tslib_1.__spreadArray([], tslib_1.__read(Object.values(theme.tokens).map(function (token) { return token.className; })), false), [ className, ], false)) }), children)))); }); exports.OzenProvider.displayName = 'OzenProvider';