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