import type { Editor } from '@tiptap/core';
import { type CSSProperties, type RefObject } from 'react';
import type { WorkOfficeCollaborationParticipant, WorkOfficeCollaborationPresenceLocation, WorkOfficeCollaborationPresenceSnapshot } from '../../../collaboration/office-collaboration-presence';
export type OfficePresenceColorStyle = CSSProperties & {
    '--work-office-presence-color': string;
};
export declare function useOfficePresenceSnapshot(): WorkOfficeCollaborationPresenceSnapshot | undefined;
export declare function useOfficeRemoteParticipants(): readonly WorkOfficeCollaborationParticipant[];
export declare function useOfficePublishPresenceLocation(location: WorkOfficeCollaborationPresenceLocation | null): void;
export declare function OfficePresenceAvatar({ compact, participant, }: {
    compact?: boolean;
    participant: WorkOfficeCollaborationParticipant;
}): import("react").JSX.Element;
export declare function officePresenceColorStyle(participant: WorkOfficeCollaborationParticipant): OfficePresenceColorStyle;
export declare function officePresenceColor(participant: WorkOfficeCollaborationParticipant): string;
export declare function OfficeTiptapPresenceLayer({ containerRef, editor, kind, markdownSurface, }: {
    containerRef: RefObject<HTMLElement | null>;
    editor: Editor | null;
    kind: 'document' | 'markdown';
    markdownSurface?: 'visual';
}): import("react").JSX.Element | null;
export declare function MarkdownSourcePresenceLayer({ markdown, sourceRef, }: {
    markdown: string;
    sourceRef: RefObject<HTMLTextAreaElement | null>;
}): import("react").JSX.Element | null;