/**
 * ScrollArea: a styled native-overflow scroll container. The builtin engine uses
 * the platform's own scrolling (no custom scrollbar JS): a single `<div>` that
 * clips and scrolls its `children`, dressed with a tasteful thin scrollbar drawn
 * from the veryfront theme tokens. Pick the scroll axis with `orientation`.
 *
 * @example
 * <ScrollArea orientation="vertical" className="h-48 w-64">
 *   <p>…a lot of tall content…</p>
 * </ScrollArea>
 *
 * @module react/components/ui/scroll-area
 */
import * as React from "react";
import { type VariantProps } from "./cva.js";
declare const scrollAreaVariants: (props?: ({
    orientation?: "both" | "horizontal" | "vertical" | null | undefined;
} & {
    class?: import("../../../utils/clsx.js").ClassValue;
    className?: import("../../../utils/clsx.js").ClassValue;
}) | undefined) => string;
/** Props accepted by `<ScrollArea>`. */
export interface ScrollAreaProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof scrollAreaVariants> {
    /**
     * Which axis scrolls: `vertical` clips the x-axis and scrolls y, `horizontal`
     * clips y and scrolls x, `both` scrolls either way.
     * @default "vertical"
     */
    orientation?: "vertical" | "horizontal" | "both";
    /** The scrollable content. */
    children?: React.ReactNode;
    /** React 19: ref is a regular prop. */
    ref?: React.Ref<HTMLDivElement>;
}
/** A styled, native-overflow scroll container. */
export declare function ScrollArea({ orientation, className, children, ref, ...props }: ScrollAreaProps): React.ReactElement;
export { scrollAreaVariants };
//# sourceMappingURL=scroll-area.d.ts.map