@mantine/core
Version:
React components library focused on usability, accessibility and developer experience
36 lines (33 loc) • 1.34 kB
JavaScript
'use client';
import React, { forwardRef } from 'react';
import { useMergedRef } from '@mantine/hooks';
import 'clsx';
import '../../../core/MantineProvider/Mantine.context.mjs';
import '../../../core/MantineProvider/default-theme.mjs';
import '../../../core/MantineProvider/MantineProvider.mjs';
import '../../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.mjs';
import { Box } from '../../../core/Box/Box.mjs';
import '../../../core/DirectionProvider/DirectionProvider.mjs';
import { useScrollAreaContext } from '../ScrollArea.context.mjs';
const ScrollAreaViewport = forwardRef(
({ children, style, ...others }, ref) => {
const ctx = useScrollAreaContext();
const rootRef = useMergedRef(ref, ctx.onViewportChange);
return /* @__PURE__ */ React.createElement(
Box,
{
...others,
ref: rootRef,
style: {
overflowX: ctx.scrollbarXEnabled ? "scroll" : "hidden",
overflowY: ctx.scrollbarYEnabled ? "scroll" : "hidden",
...style
}
},
/* @__PURE__ */ React.createElement("div", { style: { minWidth: "100%", display: "table" }, ref: ctx.onContentChange }, children)
);
}
);
ScrollAreaViewport.displayName = "@mantine/core/ScrollAreaViewport";
export { ScrollAreaViewport };
//# sourceMappingURL=ScrollAreaViewport.mjs.map