react-emoji-toggle-button
Version:
A flexible and reusable React package to use an emoji picker and connect it with a text input using Ref. Toggle emoji button for React apps.
22 lines (21 loc) • 985 B
TypeScript
import { RefObject } from 'react';
import { EmojiData, EmojiPickerClassNames, EmojiPickerConfig, EmojiPickerStyles } from '../types';
interface IProps {
isLoading: boolean;
inputRef: RefObject<HTMLInputElement | HTMLTextAreaElement>;
pickerRef: RefObject<HTMLDivElement | null>;
emojiJsonData: EmojiData;
onClose?: () => void;
onEmojiSelect?: (emoji: string) => void;
styles?: EmojiPickerStyles;
classNames?: EmojiPickerClassNames;
config?: EmojiPickerConfig;
initialCategory?: string;
theme?: "dark" | "light";
lang?: "ar" | "en";
enableTabsTitleEmoji?: boolean;
preventBadEmojis?: boolean;
badEmojiList?: string[];
}
declare const EmojiInputPicker: ({ inputRef, isLoading, pickerRef, emojiJsonData, onClose, onEmojiSelect, styles, classNames, config, initialCategory, theme, lang, enableTabsTitleEmoji, preventBadEmojis, badEmojiList, }: IProps) => import("react/jsx-runtime").JSX.Element;
export default EmojiInputPicker;