import React from 'react';
import { EmojiPickerSkinTone } from './EmojiPickerSkinTone';
import { EmojiPickerInput } from './EmojiPickerInput';
import { EmojiPickerGroup } from './EmojiPickerGroup';
import { EmojiPickerSmartContent } from './EmojiPickerSmartContent';
import type { CustomSection, CustomEmoji, HeaderRendererProps } from '../types/emoji';
export interface EmojiPickerProps {
    children?: React.ReactNode;
    className?: string;
    onEmojiSelect?: (emoji: string) => void;
    emojisPerRow?: number;
    emojiSize?: number;
    maxUnicodeVersion?: number;
    customSections?: CustomSection[];
    frequentlyUsedEmojis?: (string | CustomEmoji)[];
    renderHeader?: (props: HeaderRendererProps) => React.ReactNode;
}
interface EmojiPickerHeaderProps {
    children?: React.ReactNode;
    className?: string;
}
export declare function EmojiPicker({ children, className, onEmojiSelect, emojisPerRow, emojiSize, maxUnicodeVersion, customSections, frequentlyUsedEmojis, renderHeader, }: EmojiPickerProps): import("react/jsx-runtime").JSX.Element;
export declare namespace EmojiPicker {
    var Header: ({ children, className }: EmojiPickerHeaderProps) => import("react/jsx-runtime").JSX.Element;
    var Input: (props: React.ComponentProps<typeof EmojiPickerInput>) => import("react/jsx-runtime").JSX.Element;
    var Group: typeof EmojiPickerGroup;
    var List: React.MemoExoticComponent<({ hideStickyHeader, containerHeight, }: import("./EmojiPickerList").EmojiPickerListProps) => import("react/jsx-runtime").JSX.Element>;
    var Preview: React.NamedExoticComponent<import("./EmojiPickerPreview").EmojiPickerPreviewProps>;
    var Content: typeof EmojiPickerSmartContent;
    var SkinTone: typeof EmojiPickerSkinTone;
}
export {};