import "./scroll_area.css"; import type * as React from "react"; import type { ScrollAreaRootProps } from "@base-ui/react/scroll-area"; import { type StyleProps } from "./style_props"; export interface ScrollAreaProps extends StyleProps { children?: React.ReactNode; /** `both` draws two scrollbars. */ orientation?: "vertical" | "horizontal" | "both"; testID?: string; ref?: React.Ref; render?: ScrollAreaRootProps["render"]; } /** A bounded scroller with an overlay scrollbar. The height bound is the caller's (`flex: 1`, * `max-height`, `height`); unbounded it never scrolls. `orientation` is the width contract: Base UI's * `min-width: fit-content` on `content` would silently push a vertical area's trailing controls * off-canvas, so vertical pins `min-width: 0`; `horizontal` and `both` keep it. */ export declare function ScrollArea({ children, orientation, testID, render, ref, ...props }: ScrollAreaProps): React.JSX.Element;