import React from 'react';
import type { ReactionSummary, ReactionType } from './types';
import type { MessageContextValue } from '../../context';
import type { ReactionSort } from 'stream-chat';
import type { useProcessReactions } from './hooks/useProcessReactions';
import { type ReactionSelectorProps } from './ReactionSelector';
export type MessageReactionsDetailProps = Partial<Pick<MessageContextValue, 'handleFetchReactions' | 'reactionDetailsSort'>> & {
    reactions: ReactionSummary[];
    selectedReactionType: ReactionType | null;
    onSelectedReactionTypeChange?: (reactionType: ReactionType | null) => void;
    sort?: ReactionSort;
    totalReactionCount?: number;
    reactionGroups?: ReturnType<typeof useProcessReactions>['reactionGroups'];
} & ReactionSelectorProps;
export declare const MessageReactionsDetailLoadingIndicator: () => import("react/jsx-runtime").JSX.Element;
interface MessageReactionsDetailInterface {
    (props: MessageReactionsDetailProps): React.ReactNode;
    displayName: string;
    getDialogId: (_: {
        messageId: string;
    }) => string;
}
export declare const MessageReactionsDetail: MessageReactionsDetailInterface;
export {};
//# sourceMappingURL=MessageReactionsDetail.d.ts.map