@dndbuilder.com/react
Version:
Drag and drop builder for React
49 lines (48 loc) • 1.56 kB
JavaScript
"use client";
import { jsxs as i, jsx as l } from "react/jsx-runtime";
import * as c from "react";
import { Root as t, Viewport as p, Corner as f, ScrollAreaScrollbar as d, ScrollAreaThumb as n } from "../../../../../node_modules/.pnpm/@radix-ui_react-scroll-area@1.2.3_@types_react-dom@19.0.4_@types_react@19.0.10__@types_react@_kljz5v43jbme6rgnkxsykfv6c4/node_modules/@radix-ui/react-scroll-area/dist/index.js";
import { classNames as s } from "../../../../../utils.js";
const h = c.forwardRef(({ className: e, children: r, ...a }, o) => /* @__PURE__ */ i(
t,
{
ref: o,
className: s("scroll-area relative overflow-hidden", e),
...a,
children: [
/* @__PURE__ */ l(p, { className: "h-full w-full rounded-[inherit]", children: r }),
/* @__PURE__ */ l(m, {}),
/* @__PURE__ */ l(f, {})
]
}
));
h.displayName = t.displayName;
const m = c.forwardRef(({ className: e, orientation: r = "vertical", ...a }, o) => /* @__PURE__ */ l(
d,
{
ref: o,
orientation: r,
className: s(
"flex touch-none select-none transition-colors",
r === "vertical" && "h-full w-2.5 border-l border-l-transparent p-px",
r === "horizontal" && "h-2.5 border-t border-t-transparent p-px",
e
),
...a,
children: /* @__PURE__ */ l(
n,
{
className: s(
"relative rounded-full bg-gray-100",
r === "vertical" && "flex-1"
)
}
)
}
));
m.displayName = d.displayName;
export {
h as ScrollArea,
m as ScrollBar
};
//# sourceMappingURL=scroll-area.js.map