import type { JSX, ValidComponent } from "@solidjs/web";
import type { BaseUIComponentProps } from "../../internals/types.js";
import type { ScrollAreaRootState } from "../root/scroll-area-root-context.js";
export interface ScrollAreaScrollbarState extends ScrollAreaRootState {
    /** Whether the scroll area is hovered. */
    hovering: boolean;
    /** Whether the scroll area is currently scrolling along this axis. */
    scrolling: boolean;
    /** The scrollbar's orientation. */
    orientation: "vertical" | "horizontal";
}
export interface ScrollAreaScrollbarProps extends BaseUIComponentProps<"div", ScrollAreaScrollbarState> {
    /** Tag/component to render. Defaults to `"div"`. */
    as?: ValidComponent;
    /**
     * Axis the scrollbar controls.
     * @default 'vertical'
     */
    orientation?: "vertical" | "horizontal" | undefined;
    /**
     * Keep the element mounted even when the viewport isn't scrollable.
     * @default false
     */
    keepMounted?: boolean | undefined;
}
/**
 * A vertical or horizontal scrollbar. Renders a `<div>` element.
 *
 * Solid 2 notes:
 *
 * - Conditionally rendered via `<Show>` when the scrollbar's axis is hidden
 *   (mirrors React's `shouldRender = keepMounted || !isHidden`).
 * - Wheel handling is added via a native listener (not an `onWheel` prop)
 *   because we need `passive: false` to call `preventDefault`.
 */
export declare function ScrollAreaScrollbar(props: ScrollAreaScrollbarProps): JSX.Element;
//# sourceMappingURL=scroll-area-scrollbar.d.ts.map