import { IconType, VisualSlotType, ButtonColors, AnyIconDefinition } from './types';
import { IconProp } from '@fortawesome/fontawesome-svg-core';
export interface EmojiCategory {
    id: string;
    name: string;
    icon: AnyIconDefinition | IconProp;
    emojis: string[];
}
export interface EmojiPickerProps {
    /** Callback when an emoji is selected */
    onEmojiSelect?: (emoji: string) => void;
    /** Maximum number of recent emojis to display */
    maxRecentEmojis?: number;
    /** Custom class name for the picker container */
    className?: string;
    /** Width of the emoji picker */
    width?: number;
    /** Height of the scrollable area */
    height?: number;
    /** Initial recent emojis */
    initialRecentEmojis?: string[];
    /** Whether to show the search input */
    showSearch?: boolean;
    /** Placeholder text for search input */
    searchPlaceholder?: string;
    /** Close popup when emoji is selected */
    closeOnSelect?: boolean;
    /** Label for the trigger button */
    label?: string;
    /** Position of the popup relative to trigger */
    position?: 'top' | 'bottom' | 'left' | 'right' | 'bottom-right' | 'bottom-center' | 'bottom-left';
    /** Popup button variant */
    variant?: 'button' | 'text' | 'outlined' | 'icon' | 'emoji';
    /** Popup button color */
    color?: ButtonColors;
    /** Popup button size */
    size?: 'xxs' | 'xs' | 'sm' | 'md' | 'lg';
    /** Icon for the trigger button */
    icon?: IconType | React.ReactElement;
    /** Left slot for the trigger button */
    leftSlot?: VisualSlotType;
    /** Right slot for the trigger button */
    rightSlot?: VisualSlotType;
    /** Border radius of the popup */
    borderRadius?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
    /** Disable the trigger button */
    disabled?: boolean;
    /** Custom class for the trigger button */
    buttonClassName?: string;
    /** Tooltip for the trigger button */
    tooltip?: string;
}
//# sourceMappingURL=emojipicker.d.ts.map