@ozen-ui/kit
Version:
React component library
28 lines (27 loc) • 1.71 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.BottomSheetBaseBackdrop = exports.cnBottomSheetBaseBackdrop = void 0;
var tslib_1 = require("tslib");
require("./BottomSheetBaseBackdrop.css");
var react_1 = tslib_1.__importStar(require("react"));
var useMultiRef_1 = require("../../../../hooks/useMultiRef");
var classname_1 = require("../../../../utils/classname");
var polymorphicComponentWithRef_1 = require("../../../../utils/polymorphicComponentWithRef");
var Backdrop_1 = require("../../../Backdrop");
var hooks_1 = require("../../hooks");
var constants_1 = require("./constants");
exports.cnBottomSheetBaseBackdrop = (0, classname_1.cn)('BottomSheetBaseBackdrop');
exports.BottomSheetBaseBackdrop = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (_a, ref) {
var as = _a.as, _b = _a.expandOnDrag, expandOnDrag = _b === void 0 ? constants_1.BOTTOM_SHEET_BASE_BACKDROP_DEFAULT_EXPAND_ON_DRAG : _b, className = _a.className, other = tslib_1.__rest(_a, ["as", "expandOnDrag", "className"]);
var internalRef = (0, react_1.useRef)(null);
(0, hooks_1.useBottomSheetBaseDrag)(internalRef, {
isCloseOnTap: true,
isDraggable: expandOnDrag,
});
return (react_1.default.createElement(Backdrop_1.Backdrop, tslib_1.__assign({}, other, { ref: (0, useMultiRef_1.useMultiRef)([ref, internalRef]), as: as, transitionProps: {
classNames: (0, exports.cnBottomSheetBaseBackdrop)({ animation: true }),
}, open: true, className: (0, exports.cnBottomSheetBaseBackdrop)({
draggable: expandOnDrag,
}, [className]) })));
});
exports.BottomSheetBaseBackdrop.displayName = 'BottomSheetBaseBackdrop';