import * as React from 'react';
import { Reaction } from '../reaction-bar/index.js';
export { ReactionBarProps as CoreReactionBarProps, Reaction, ReactionBarAPI, reactionAddButtonStyles, reactionBarStyles, reactionCountStyles, reactionEmojiStyles, reactionPillVariants } from '../reaction-bar/index.js';

interface ReactionBarProps {
    reactions: Reaction[];
    onToggle?: (emoji: string) => void;
    onAdd?: (emoji: string) => void;
    showAddButton?: boolean;
    className?: string;
}
declare function ReactionBar({ reactions, onToggle, onAdd, showAddButton, className, }: ReactionBarProps): React.DetailedReactHTMLElement<{
    className: string;
    role?: string | undefined;
    tabIndex?: number | undefined;
    'aria-label'?: string | undefined;
    'aria-labelledby'?: string | undefined;
    'aria-describedby'?: string | undefined;
    'aria-controls'?: string | undefined;
    'aria-expanded'?: boolean | undefined;
    'aria-selected'?: boolean | undefined;
    'aria-hidden'?: boolean | undefined;
    'aria-disabled'?: boolean | undefined;
    'aria-pressed'?: boolean | "mixed" | undefined;
    'aria-checked'?: boolean | "mixed" | undefined;
    'aria-current'?: boolean | "page" | "step" | "location" | "date" | "time" | undefined;
    'aria-live'?: "off" | "assertive" | "polite" | undefined;
    'aria-atomic'?: boolean | undefined;
}, HTMLElement>;
declare namespace ReactionBar {
    var displayName: string;
}

export { ReactionBar, type ReactionBarProps };
