import { type ReactionLibraryStore } from './reaction-library.js';
import { type CSSProperties, type ReactNode } from 'react';
import { type ReactionPreviewStore, type ReactionPreviewTarget } from './reaction-preview-store.js';
export declare function reactionToolbarPosition(isMe: boolean, box: {
    left: number;
    right: number;
    bottom: number;
}, parent: {
    left: number;
    top: number;
}, edges: {
    left: number;
    right: number;
}, receipt?: {
    left: number;
    right: number;
    top: number;
}): CSSProperties;
export declare function reactionPanelPosition(box: {
    left: number;
    top: number;
    bottom: number;
}, width: number, viewport: {
    width: number;
    height: number;
}, preferredHeight?: number): CSSProperties;
export declare function ReactionAddIcon(): import("react").JSX.Element;
export declare function ArkmeReactionPreview({ scope, target, children, isMe, openRequested, toggleRequested, onOpenHandled, standalone, enabled, store: reactionPreview, library, triggerText, panelNote, readOnly: forcedReadOnly }: {
    scope: string;
    target: ReactionPreviewTarget;
    children?: ReactNode;
    isMe?: boolean;
    openRequested?: boolean;
    toggleRequested?: boolean;
    onOpenHandled?: () => void;
    standalone?: boolean;
    enabled?: boolean;
    store?: ReactionPreviewStore;
    library?: ReactionLibraryStore;
    triggerText?: string;
    panelNote?: string;
    readOnly?: boolean;
}): import("react").JSX.Element;
export declare function ArkmeReactionSelections({ scope, target, onAdd, actorName, actorGroupNickname, actorAvatarRef, store: reactionPreview, readOnly }: {
    scope: string;
    target: ReactionPreviewTarget;
    onAdd?: () => void;
    actorName?: string;
    actorGroupNickname?: string | undefined;
    actorAvatarRef?: string | undefined;
    store?: ReactionPreviewStore;
    readOnly?: boolean;
}): import("react").JSX.Element | null;
//# sourceMappingURL=ArkmeReactionPreview.d.ts.map