import * as RadixScrollArea from '@radix-ui/react-scroll-area';
import * as React from 'react';

/** Radix accepts hover/scroll/always/auto. We add 'none' as a UI-only hide. */
type ScrollAreaType = "hover" | "scroll" | "always" | "none";
type ScrollAreaOrientation = "vertical" | "horizontal" | "both";
interface ScrollAreaProps extends Omit<React.ComponentPropsWithoutRef<typeof RadixScrollArea.Root>, "type"> {
    /**
     * Controls when the scrollbars are visible.
     * - `hover`: Show on hover (default, recommended for desktop)
     * - `scroll`: Show only while scrolling (recommended for mobile)
     * - `always`: Always visible
     * - `none`: Never visible
     */
    type?: ScrollAreaType;
    /**
     * The scrollbar orientation to render.
     * @default "vertical"
     */
    orientation?: ScrollAreaOrientation;
    /** Delay in ms before scrollbars hide when `type` is `hover` or `scroll`. */
    scrollHideDelay?: number;
    /** Extra classes applied to the inner viewport element. */
    viewportClassName?: string;
    /** Ref to the scrolling viewport element. */
    viewportRef?: React.Ref<HTMLDivElement>;
    /** Extra props applied to the viewport element. */
    viewportProps?: React.ComponentPropsWithoutRef<typeof RadixScrollArea.Viewport>;
}
declare const ScrollArea: React.ForwardRefExoticComponent<ScrollAreaProps & React.RefAttributes<HTMLDivElement>>;
declare const ScrollAreaScrollbar: React.ForwardRefExoticComponent<Omit<RadixScrollArea.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

export { ScrollArea as S, type ScrollAreaOrientation as a, type ScrollAreaProps as b, ScrollAreaScrollbar as c, type ScrollAreaType as d };