import * as React from 'react';
import type { Comment } from '../../../types/dbTypes';
type CommentAction = 'view' | 'edit' | 'delete' | 'reply';
/** Request from a 3D/map marker to auto-open a comment's editor or reply box. */
export interface PendingCommentAction {
    commentId: number;
    action: 'edit' | 'reply';
    requestId: number;
}
interface CollapsibleCommentItemProps {
    comment: Comment;
    onAction?: (action: CommentAction, id: number) => void;
    replies?: Comment[];
    onReply?: (comment: Comment, replyText: string) => void;
    onEdit?: (id: number, text: string) => void;
    onFileUpload?: (id: number, files: FileList) => void;
    attachments?: Array<{
        name: string;
        url: string;
        size: number;
    }>;
    depth?: number;
    isVisible?: boolean;
    focused?: boolean;
    onFocus?: () => void;
    pendingAction?: PendingCommentAction;
    onMouseEnter?: () => void;
    onMouseLeave?: () => void;
}
export declare function CollapsibleCommentItem({ comment, onAction, replies, onReply, onEdit, onFileUpload, depth, isVisible, focused, onFocus, pendingAction, onMouseEnter, onMouseLeave, }: CollapsibleCommentItemProps): React.JSX.Element;
export {};
//# sourceMappingURL=CollapsibleCommentItem.d.ts.map