import { type Transition } from 'motion/react';
import type { FloatingDockDirection, FloatingDockItem, FloatingDockMediaControl, FloatingDockThumbnail } from './FloatingDock.types';
export declare const MarqueeText: ({ className, text, }: {
    className?: string;
    text: string;
}) => import("react/jsx-runtime").JSX.Element;
export declare const SurfaceAvatar: ({ item, thumbnail, }: {
    item?: FloatingDockItem;
    thumbnail?: FloatingDockThumbnail;
}) => import("react/jsx-runtime").JSX.Element;
export declare const ThumbnailStack: ({ activeIndex, direction, items, loop, shouldReduceMotion, transition, }: {
    activeIndex: number;
    direction: FloatingDockDirection;
    items: FloatingDockItem[];
    loop: boolean;
    shouldReduceMotion: boolean;
    transition: Transition;
}) => import("react/jsx-runtime").JSX.Element;
export declare const CategoryCopy: ({ description, direction, eyebrow, showEyebrow, shouldReduceMotion, title, transition, }: {
    description?: string;
    direction: FloatingDockDirection;
    eyebrow?: string;
    showEyebrow: boolean;
    shouldReduceMotion: boolean;
    title: string;
    transition: Transition;
}) => import("react/jsx-runtime").JSX.Element;
export declare const MediaControlSurface: ({ control, item, }: {
    control: FloatingDockMediaControl;
    item?: FloatingDockItem | null;
}) => import("react/jsx-runtime").JSX.Element;