import { type HTMLAttributeAnchorTarget, type HTMLAttributes, type MouseEvent, type ReactNode } from 'react';
import { type CssLength } from '../../../utils/css';
type ScrollDrivenDockOrientation = 'horizontal' | 'vertical';
type ScrollDrivenDockConfiguredItem = {
    id?: string | number;
    content: ReactNode;
    label?: string;
    href?: string;
    target?: HTMLAttributeAnchorTarget;
    rel?: string;
    disabled?: boolean;
    className?: string;
    contentClassName?: string;
    onClick?: (event: MouseEvent<HTMLElement>, item: ScrollDrivenDockConfiguredItem, index: number) => void;
};
type ScrollDrivenDockItem = ReactNode | ScrollDrivenDockConfiguredItem;
type ScrollDrivenDockProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
    items?: readonly ScrollDrivenDockItem[];
    children?: ReactNode;
    ariaLabel?: string;
    orientation?: ScrollDrivenDockOrientation;
    blur?: boolean;
    parallax?: boolean;
    resizable?: boolean;
    itemSize?: CssLength;
    gap?: CssLength;
    padding?: CssLength;
    radius?: CssLength;
    blurMax?: CssLength;
    maxInlineSize?: CssLength;
    maxBlockSize?: CssLength;
    viewportClassName?: string;
    trackClassName?: string;
    itemClassName?: string;
    contentClassName?: string;
};
export declare const ScrollDrivenDock: ({ items, children, className, viewportClassName, trackClassName, itemClassName, contentClassName, style, ariaLabel, orientation, blur, parallax, resizable, itemSize, gap, padding, radius, blurMax, maxInlineSize, maxBlockSize, ...props }: ScrollDrivenDockProps) => import("react/jsx-runtime").JSX.Element;
export type { ScrollDrivenDockConfiguredItem, ScrollDrivenDockItem, ScrollDrivenDockOrientation, ScrollDrivenDockProps, };