import type { Editor } from '@tiptap/core';
import { type RefObject } from 'react';
import { type WorkDocumentCommentView } from '../work-document-comments';
import { type DocumentCommentDraft } from './document-comment-composer';
export declare function DocumentCommentsPanel({ editor, comments, canDelete, draft, draftAuthor, surfaceRef, onReply, onToggleResolved, onDelete, onCancelDraft, onSubmitDraft, onClose, onDirtyChange, }: {
    editor: Editor;
    comments: WorkDocumentCommentView[];
    canDelete?: (id: string) => boolean;
    draft: DocumentCommentDraft | null;
    draftAuthor?: string;
    surfaceRef: RefObject<HTMLDivElement | null>;
    onReply: (id: string, text: string) => void;
    onToggleResolved: (id: string) => void;
    onDelete: (id: string) => void;
    onCancelDraft: () => void;
    onSubmitDraft: (text: string) => string | null;
    onClose: () => void;
    onDirtyChange?: (dirty: boolean) => void;
}): import("react").JSX.Element;