import { j as jsxRuntimeExports } from '../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
import { Root, Viewport, Corner, ScrollAreaScrollbar, ScrollAreaThumb } from '../node_modules/.pnpm/@radix-ui_react-scroll-area@1.1.0_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18._mzysnztaiqorbxoa2lchvqcbze/node_modules/@radix-ui/react-scroll-area/dist/index.js';
import { cva } from '../node_modules/.pnpm/class-variance-authority@0.6.0_typescript@5.4.3/node_modules/class-variance-authority/dist/index.js';
import * as React from 'react';
import styles from './scrollarea.module.css.js';

const area = cva(styles.area);
const ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => (jsxRuntimeExports.jsxs(Root, { ref: ref, className: area({ className }), ...props, children: [jsxRuntimeExports.jsx(Viewport, { style: { height: "100%", width: "100%" }, children: children }), jsxRuntimeExports.jsx(ScrollBar, {}), jsxRuntimeExports.jsx(Corner, {})] })));
ScrollArea.displayName = Root.displayName;
const scrollbar = cva(styles.scrollbar);
const ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => (jsxRuntimeExports.jsx(ScrollAreaScrollbar, { ref: ref, orientation: orientation, className: scrollbar({ className }), ...props, children: jsxRuntimeExports.jsx(ScrollAreaThumb, { className: styles.scrollbarthumb }) })));
ScrollBar.displayName = ScrollAreaScrollbar.displayName;

export { ScrollArea, ScrollBar };
//# sourceMappingURL=scrollarea.js.map
