/**
 * @fileoverview macOS-style Dock component with magnification effects.
 * Uses framer-motion for smooth animations and scaling.
 */
import React, { type PropsWithChildren } from "react";
import { type VariantProps } from "class-variance-authority";
export interface DockProps extends VariantProps<typeof dockVariants> {
    className?: string;
    magnification?: number;
    distance?: number;
    direction?: "top" | "middle" | "bottom";
    children: React.ReactNode;
}
declare const dockVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
declare const Dock: React.ForwardRefExoticComponent<DockProps & React.RefAttributes<HTMLDivElement>>;
export interface DockIconProps {
    size?: number;
    magnification?: number;
    distance?: number;
    mousex?: any;
    className?: string;
    children?: React.ReactNode;
    props?: PropsWithChildren;
}
declare function DockIcon({ size, magnification, distance, mousex, className, children, ...props }: DockIconProps): React.JSX.Element;
declare namespace DockIcon {
    var displayName: string;
}
export interface DockItemProps extends VariantProps<typeof dockVariants> {
    className?: string;
    children: React.ReactNode;
    magnification?: number;
    distance?: number;
    mousex?: any;
    onClick?: () => void;
}
declare function DockItem({ className, children, magnification, distance, mousex, onClick, ...props }: DockItemProps): React.JSX.Element;
declare namespace DockItem {
    var displayName: string;
}
declare function DockLabel({ children, className }: {
    children: React.ReactNode;
    className?: string;
}): React.JSX.Element;
declare namespace DockLabel {
    var displayName: string;
}
export { Dock, DockIcon, DockItem, DockLabel, dockVariants };