@ozen-ui/kit/__inner__/cjs/components/Portal/Portal.js

React component library

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Portal = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var usePortalContainer_1 = require("../../hooks/usePortalContainer");
var useThemeProps_1 = require("../../hooks/useThemeProps");
var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWithRef");
var PortalBase_1 = require("../PortalBase");
var constants_1 = require("./constants");
exports.Portal = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
    var _a = (0, useThemeProps_1.useThemeProps)({
        props: inProps,
        name: 'Portal',
    }), _b = _a.disablePortal, disablePortal = _b === void 0 ? constants_1.PORTAL_DEFAULT_DISABLE_PORTAL : _b, _c = _a.as, as = _c === void 0 ? constants_1.PORTAL_DEFAULT_TAG : _c, containerProp = _a.container, children = _a.children, other = tslib_1.__rest(_a, ["disablePortal", "as", "container", "children"]);
    var container = (0, usePortalContainer_1.usePortalContainer)(containerProp || constants_1.PORTAL_DEFAULT_CONTAINER);
    return (react_1.default.createElement(PortalBase_1.PortalBase, tslib_1.__assign({}, other, { container: container, as: as, ref: ref, disablePortal: disablePortal }), children));
});
exports.Portal.displayName = 'Portal';