import * as React from 'react';
import { EmojiEntry } from '../emoji-picker/index.js';
export { CATEGORY_LABELS, EmojiPickerProps as CoreEmojiPickerProps, EMOJI_CATEGORIES, EMOJI_DATA, EmojiCategory, EmojiEntry, EmojiPickerAPI, EmojiPickerState, emojiPickerContainerStyles, emojiPickerEmojiButtonStyles, emojiPickerGridStyles } from '../emoji-picker/index.js';

interface EmojiPickerProps {
    onSelect?: (emoji: EmojiEntry) => void;
    recentEmojis?: EmojiEntry[];
    className?: string;
}
declare function EmojiPicker({ onSelect, recentEmojis: initialRecent, className }: EmojiPickerProps): React.DetailedReactHTMLElement<{
    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;
    className: string;
}, HTMLElement>;
declare namespace EmojiPicker {
    var displayName: string;
}

export { EmojiPicker, type EmojiPickerProps };
