@ozen-ui/kit

Version:
React component library
15 lines (14 loc) • 967 B
JavaScript
import { __assign, __rest } from "tslib";
import './BottomSheetBaseContent.css';
import React, { forwardRef } from 'react';
import { useMultiRef } from '../../../../hooks/useMultiRef';
import { cn } from '../../../../utils/classname';
import { useBottomSheetBaseContext } from '../../context';
export var cnBottomSheetBaseContent = cn('BottomSheetBaseContent');
export var BottomSheetBaseContent = forwardRef(function (_a, ref) {
    var children = _a.children, className = _a.className, other = __rest(_a, ["children", "className"]);
    var _b = useBottomSheetBaseContext(), scrollRef = _b.scrollRef, contentRef = _b.contentRef;
    return (React.createElement("div", __assign({}, other, { ref: useMultiRef([ref, scrollRef]), className: cnBottomSheetBaseContent('Wrapper', [className]) }),
        React.createElement("div", { ref: contentRef, className: cnBottomSheetBaseContent() }, children)));
});
BottomSheetBaseContent.displayName = 'BottomSheetBaseContent';