import { IconButtonSize, IconButtonSkin } from '../IconButton';
export type HorizontalScrollProps = {
    /** The content that will be rendered inside the scrollable window. */
    children: React.ReactNode;
    /** The number of pixels the scrollable content moves per button press.
     * @default 150
     */
    scrollDistance?: number;
    /** The debounce time (in milliseconds) to limit the scroll event rate.
     * @default 20
     */
    scrollDebounce?: number;
    /** The color of the gradient behind the scroll buttons. */
    gradientColor?: string;
    /** The width of the gradient behind the scroll buttons in pixels, e.g. '36px' */
    gradientWidth?: string;
    /** Skin of the scroll buttons.
     * @default standard
     */
    scrollButtonSkin?: IconButtonSkin;
    /** Size of the scroll buttons.
     * @default tiny
     */
    scrollButtonSize?: IconButtonSize;
    /** Applies a data-hook HTML attribute that can be used in the tests. */
    dataHook?: string;
};
export type ScrollButtonSkin = Extract<IconButtonSkin, 'standard' | 'light' | 'transparent'>;
//# sourceMappingURL=HorizontalScroll.types.d.ts.map