import type * as G from "../../types/global";
import type { Attributes, ClassName } from "@reshaped/headless";
import type { Coordinates } from "@reshaped/headless/internal";
import type React from "react";
export type Props = {
    /** Node for inserting content */
    children: React.ReactNode;
    /** Scrollbar visibility behavior based on the user interaction */
    scrollbarDisplay?: "visible" | "hover" | "hidden";
    /** Callback when the scroll area is scrolled */
    onScroll?: (args: Coordinates) => void;
    /** Height of the scroll area, literal css value or unit token multiplier */
    height?: G.Responsive<string | number>;
    /** Maximum height of the scroll area, literal css value or unit token multiplier */
    maxHeight?: G.Responsive<string | number>;
    /** Additional classname for the root element */
    className?: ClassName;
    /** Additional attributes for the root element */
    attributes?: Attributes<"div">;
};
export type BarProps = {
    ratio: number;
    position: number;
    vertical?: boolean;
    onThumbMove: (args: {
        value: number;
        type: "absolute" | "relative";
    }) => void;
};