@ozen-ui/kit
Version:
React component library
18 lines (17 loc) • 1.24 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.BottomSheetBaseContent = exports.cnBottomSheetBaseContent = void 0;
var tslib_1 = require("tslib");
require("./BottomSheetBaseContent.css");
var react_1 = tslib_1.__importStar(require("react"));
var useMultiRef_1 = require("../../../../hooks/useMultiRef");
var classname_1 = require("../../../../utils/classname");
var context_1 = require("../../context");
exports.cnBottomSheetBaseContent = (0, classname_1.cn)('BottomSheetBaseContent');
exports.BottomSheetBaseContent = (0, react_1.forwardRef)(function (_a, ref) {
var children = _a.children, className = _a.className, other = tslib_1.__rest(_a, ["children", "className"]);
var _b = (0, context_1.useBottomSheetBaseContext)(), scrollRef = _b.scrollRef, contentRef = _b.contentRef;
return (react_1.default.createElement("div", tslib_1.__assign({}, other, { ref: (0, useMultiRef_1.useMultiRef)([ref, scrollRef]), className: (0, exports.cnBottomSheetBaseContent)('Wrapper', [className]) }),
react_1.default.createElement("div", { ref: contentRef, className: (0, exports.cnBottomSheetBaseContent)() }, children)));
});
exports.BottomSheetBaseContent.displayName = 'BottomSheetBaseContent';