import React from 'react';
import type { CustomSection, CustomEmoji, HeaderRendererProps } from '../types/emoji';
interface EmojiPickerContextType {
    emojisPerRow: number;
    emojiSize: number;
    maxUnicodeVersion: number;
    onEmojiSelect: (emoji: string) => void;
    customSections: CustomSection[];
    frequentlyUsedEmojis: (string | CustomEmoji)[];
    renderHeader?: (props: HeaderRendererProps) => React.ReactNode;
}
declare const useEmojiPicker: () => EmojiPickerContextType;
interface EmojiPickerProviderProps {
    children: React.ReactNode;
    emojisPerRow?: number;
    emojiSize?: number;
    maxUnicodeVersion: number;
    onEmojiSelect: (emoji: string) => void;
    customSections?: CustomSection[];
    frequentlyUsedEmojis?: (string | CustomEmoji)[];
    renderHeader?: (props: HeaderRendererProps) => React.ReactNode;
}
export declare function EmojiPickerProvider({ children, emojisPerRow, emojiSize, maxUnicodeVersion, onEmojiSelect, customSections, frequentlyUsedEmojis, renderHeader, }: EmojiPickerProviderProps): import("react/jsx-runtime").JSX.Element;
export { useEmojiPicker };