skyroc-ui/dist/components/scroll-area/ScrollArea.js

A modern React UI component library built on Radix UI and Tailwind CSS

import { cn } from "../../lib/utils.js";
import ScrollAreaRoot_default from "./ScrollAreaRoot.js";
import ScrollAreaScrollbar_default from "./ScrollAreaScrollbar.js";
import ScrollAreaThumb_default from "./ScrollAreaThumb.js";
import ScrollAreaViewport_default from "./ScrollAreaViewport.js";
import { forwardRef } from "react";
import { jsx, jsxs } from "react/jsx-runtime";
import { ScrollAreaCorner } from "@radix-ui/react-scroll-area";

//#region src/components/scroll-area/ScrollArea.tsx
const ScrollArea = forwardRef((props, ref) => {
	const { children, className, classNames, forceMount, nonce, orientation, size,...rest } = props;
	return /* @__PURE__ */ jsxs(ScrollAreaRoot_default, {
		className,
		...rest,
		ref,
		children: [
			/* @__PURE__ */ jsx(ScrollAreaViewport_default, {
				className: classNames?.viewport,
				nonce,
				children
			}),
			/* @__PURE__ */ jsx(ScrollAreaScrollbar_default, {
				className: classNames?.scrollbar,
				forceMount,
				orientation,
				size,
				children: /* @__PURE__ */ jsx(ScrollAreaThumb_default, { className: classNames?.thumb })
			}),
			/* @__PURE__ */ jsx(ScrollAreaCorner, { className: cn(classNames?.corner) })
		]
	});
});
ScrollArea.displayName = "ScrollArea";
var ScrollArea_default = ScrollArea;

//#endregion
export { ScrollArea_default as default };