import { AvatarData } from '../atoms/avatar.tsx';
export interface AvatarEditorProps {
    /**
     * Current avatar URL
     */
    currentAvatar?: string;
    /**
     * Current avatar background color
     */
    currentColor?: string;
    /**
     * Display name for the avatar
     */
    displayName: string;
    /**
     * Callback when the editor is closed
     */
    onClose: () => void;
    /**
     * Callback when the avatar is saved
     * @param avatar - The updated avatar data
     */
    onSave: (avatar: Partial<AvatarData>) => void;
}
/**
 * AvatarEditor component allows users to customize their avatar
 *
 * Features:
 * - Upload custom images
 * - Enter image URL
 * - Choose from preset avatars
 * - Select background colors
 * - Remove avatar
 *
 * TODO: Break up into smaller subcomponents:
 * - AvatarUploadTab
 * - AvatarPresetsTab
 * - AvatarCustomizeTab
 * - AvatarPreview
 */
export declare const AvatarEditor: ({ currentAvatar, currentColor, displayName, onClose, onSave, }: AvatarEditorProps) => import("react/jsx-runtime").JSX.Element;