"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
