@teamsparta/stack-custom-modal/dist/chunk-QC2XRG6L.mjs

stack custom modal

"use client";

import {
  scrollAreaContentCss,
  scrollAreaRootCss,
  scrollAreaScrollbarCss,
  scrollAreaThumbCss
} from "./chunk-YJGPPUJG.mjs";
import {
  __objRest,
  __spreadProps,
  __spreadValues
} from "./chunk-FUJQIYOF.mjs";

// src/compounds/ScrollArea.tsx
import * as RadixScrollArea from "@radix-ui/react-scroll-area";
import { forwardRef } from "react";
import { jsx, jsxs } from "@emotion/react/jsx-runtime";
var ScrollArea = forwardRef((_a, ref) => {
  var _b = _a, { children, scrollHideDelay = 100 } = _b, restProps = __objRest(_b, ["children", "scrollHideDelay"]);
  return /* @__PURE__ */ jsxs(
    RadixScrollArea.Root,
    __spreadProps(__spreadValues({
      ref,
      scrollHideDelay,
      css: scrollAreaRootCss
    }, restProps), {
      children: [
        /* @__PURE__ */ jsx(RadixScrollArea.Viewport, { css: scrollAreaContentCss, children }),
        /* @__PURE__ */ jsx(
          RadixScrollArea.Scrollbar,
          {
            orientation: "vertical",
            css: scrollAreaScrollbarCss,
            children: /* @__PURE__ */ jsx(RadixScrollArea.Thumb, { css: scrollAreaThumbCss })
          }
        )
      ]
    })
  );
});
ScrollArea.displayName = "ScrollArea";

export {
  ScrollArea
};