import { default as React } from 'react';
type IconComponent = React.FC<React.SVGProps<SVGSVGElement>>;
export interface DockItem {
    id: string;
    icon: IconComponent | React.ReactElement;
    label?: string;
    href?: string;
    onClick?: () => void;
    disabled?: boolean;
    badge?: string | number;
    separatorAfter?: boolean;
}
export type DockEdgePosition = 'bottom' | 'top' | 'left' | 'right';
export type DockAlign = 'start' | 'center' | 'end';
export type DockLayout = 'pill' | 'rectangle' | 'floating' | 'attached';
export type DockBackground = 'glass' | 'solid' | 'gradient' | 'transparent';
export type DockMode = 'fixed' | 'inline';
export interface DockProps {
    items: DockItem[];
    position?: DockEdgePosition;
    align?: DockAlign;
    layout?: DockLayout;
    background?: DockBackground;
    gradient?: {
        from: string;
        to: string;
        angle?: number;
    };
    magnification?: number;
    magnificationDistance?: number;
    iconSize?: number;
    gap?: number;
    autoHide?: boolean;
    autoHideDelay?: number;
    triggerZone?: number;
    showTooltips?: boolean;
    onItemClick?: (id: string) => void;
    mode?: DockMode;
    id?: string;
    className?: string;
    ariaLabel?: string;
}
declare const Dock: React.FC<DockProps>;
export { Dock };
export default Dock;