import type * as api from '../api.js';
export interface AvatarProps extends Omit<React.HTMLProps<HTMLDivElement>, 'size'> {
    src: string;
    size?: 'sm' | 'lg';
}
export interface UserProps {
    id: string;
    size?: 'sm' | 'lg';
    showName?: boolean;
    showAvatar?: boolean;
    propagateClick?: boolean;
    className?: string;
    enabled?: boolean;
}
declare function User({ id, size, showName, showAvatar, propagateClick, className }: UserProps): import("react/jsx-runtime").JSX.Element;
export interface CommentProps {
    id: number;
}
declare function Comment({ id }: CommentProps): import("react/jsx-runtime").JSX.Element;
export interface CommentsProps {
    topic: string;
    parent_id?: number;
}
declare function Comments({ topic, parent_id }: CommentsProps): import("react/jsx-runtime").JSX.Element;
export interface ReactionProps {
    type: string;
}
declare function Reaction({ type }: ReactionProps): import("react/jsx-runtime").JSX.Element;
export interface CommentReactionProps {
    metadata: api.CommentReactionMetadata;
    toggleReaction: (reactionType: string) => void;
}
declare function CommentReaction({ metadata, toggleReaction }: CommentReactionProps): import("react/jsx-runtime").JSX.Element;
export interface ReactionSelectorProps {
    activeReactions: Set<string>;
    toggleReaction: (reactionType: string) => void;
}
declare function ReactionSelector({ activeReactions, toggleReaction }: ReactionSelectorProps): import("react/jsx-runtime").JSX.Element;
export interface CommentReactionsProps {
    activeReactions: Set<string>;
    reactionsMetadata: api.CommentReactionMetadata[];
    toggleReaction: (reactionType: string) => void;
}
declare function CommentReactions({ activeReactions, reactionsMetadata, toggleReaction }: CommentReactionsProps): import("react/jsx-runtime").JSX.Element;
export { User, Comment, Comments, Reaction, CommentReaction, CommentReactions, ReactionSelector };