skyroc-ui
Version:
A modern React UI component library built on Radix UI and Tailwind CSS
22 lines (20 loc) • 744 B
JavaScript
import { cn } from "../../lib/utils.js";
import { scrollAreaVariants } from "./scroll-area-variants.js";
import { forwardRef } from "react";
import { jsx } from "react/jsx-runtime";
import { Viewport } from "@radix-ui/react-scroll-area";
//#region src/components/scroll-area/ScrollAreaViewport.tsx
const ScrollAreaViewport = forwardRef((props, ref) => {
const { className,...rest } = props;
const { viewport } = scrollAreaVariants();
const mergedCls = cn(viewport(), className);
return /* @__PURE__ */ jsx(Viewport, {
className: mergedCls,
...rest,
ref
});
});
ScrollAreaViewport.displayName = "ScrollAreaViewport";
var ScrollAreaViewport_default = ScrollAreaViewport;
//#endregion
export { ScrollAreaViewport_default as default };