import React from 'react';
/**
 * A horizontally scrolling row with arrows that appear only where there is more
 * content.
 *
 * The forwarded ref and `className` target the outer wrapper (so `Slot` or
 * drop-target wrapping works); `scrollRef` targets the inner scrolling
 * container.
 */
export declare const ScrollableRow: React.ForwardRefExoticComponent<{
    children: React.ReactNode;
    className?: string;
    scrollClassName?: string;
    /**
     * Ref to the inner scrolling container. Replaces the internal ref; the
     * arrows keep working.
     */
    scrollRef?: React.RefObject<HTMLDivElement>;
    /** Pixels scrolled per arrow activation. Defaults to 200. */
    scrollAmount?: number;
    arrowVisibility?: "hover" | "always";
    arrowClassName?: string;
    arrowIconClassName?: string;
} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className" | "children"> & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=scrollable-row.d.ts.map