import * as e from "react";
import l from "../../../../../../../../../_virtual/index9.js";
import { Root as E, Viewport as z, Scrollbar as i, Thumb as m, Corner as C } from "../../../../../../../@radix-ui_react-scroll-area@1.1.0_@types_react-dom@18.3.6_@types_react@18.3.3__@types_r_3bfb05a6ab83c8292fe06f4ec1b4dc26/node_modules/@radix-ui/react-scroll-area/dist/index.js";
import { scrollAreaPropDefs as r } from "./scroll-area.props.js";
import { extractMarginProps as R } from "../helpers/extract-margin-props.js";
import { getMarginStyles as V } from "../helpers/get-margin-styles.js";
import { getResponsiveClassNames as n } from "../helpers/get-responsive-styles.js";
import { getSubtree as $ } from "../helpers/get-subtree.js";
import { mergeStyles as w } from "../helpers/merge-styles.js";
const D = e.forwardRef((p, u) => {
  const { rest: d, ...f } = R(p), [S, N] = V(f), { asChild: t, children: A, className: b, style: h, type: s, scrollHideDelay: y = s !== "scroll" ? 0 : void 0, dir: P, size: o = r.size.default, radius: c = r.radius.default, scrollbars: a = r.scrollbars.default, ...v } = d;
  return e.createElement(E, { type: s, scrollHideDelay: y, className: l("rt-ScrollAreaRoot", S, b), style: w(N, h), asChild: t }, $({ asChild: t, children: A }, (g) => e.createElement(e.Fragment, null, e.createElement(z, { ...v, ref: u, className: "rt-ScrollAreaViewport" }, g), e.createElement("div", { className: "rt-ScrollAreaViewportFocusRing" }), a !== "vertical" ? e.createElement(i, { "data-radius": c, orientation: "horizontal", className: l("rt-ScrollAreaScrollbar", n({ className: "rt-r-size", value: o, propValues: r.size.values })) }, e.createElement(m, { className: "rt-ScrollAreaThumb" })) : null, a !== "horizontal" ? e.createElement(i, { "data-radius": c, orientation: "vertical", className: l("rt-ScrollAreaScrollbar", n({ className: "rt-r-size", value: o, propValues: r.size.values })) }, e.createElement(m, { className: "rt-ScrollAreaThumb" })) : null, a === "both" ? e.createElement(C, { className: "rt-ScrollAreaCorner" }) : null)));
});
D.displayName = "ScrollArea";
export {
  D as ScrollArea
};
//# sourceMappingURL=scroll-area.js.map
