import { type HTMLAttributeAnchorTarget, type HTMLAttributes, type MouseEvent, type ReactNode } from 'react';
import { type CssLength } from '../../../utils/css';
type PerspectiveDockScrollConfiguredItem = {
    id?: string | number;
    content: ReactNode;
    label?: string;
    href?: string;
    target?: HTMLAttributeAnchorTarget;
    rel?: string;
    disabled?: boolean;
    className?: string;
    onClick?: (event: MouseEvent<HTMLElement>, item: PerspectiveDockScrollConfiguredItem, index: number) => void;
};
type PerspectiveDockScrollItem = ReactNode | PerspectiveDockScrollConfiguredItem;
type PerspectiveDockScrollProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
    items?: readonly PerspectiveDockScrollItem[];
    children?: ReactNode;
    ariaLabel?: string;
    itemClassName?: string;
    viewportClassName?: string;
    trackClassName?: string;
    itemSize?: CssLength;
    gap?: CssLength;
    maxWidth?: CssLength;
    radius?: CssLength;
    edgeFadeWidth?: CssLength;
    perspective?: CssLength;
    paddingBlock?: CssLength;
};
export declare const PerspectiveDockScroll: ({ items, children, className, itemClassName, viewportClassName, trackClassName, style, ariaLabel, itemSize, gap, maxWidth, radius, edgeFadeWidth, perspective, paddingBlock, ...props }: PerspectiveDockScrollProps) => import("react/jsx-runtime").JSX.Element;
export type { PerspectiveDockScrollConfiguredItem, PerspectiveDockScrollItem, PerspectiveDockScrollProps, };