29 lines
618 B
TypeScript
29 lines
618 B
TypeScript
import 'emoji-mart/css/emoji-mart.css'
|
|
import { EmojiData, Picker } from 'emoji-mart'
|
|
|
|
import { useTheme } from 'contexts/Theme'
|
|
import { emojiSet } from './emojiPlugin'
|
|
|
|
export type EmojiPickerOnClick = (
|
|
emoji: EmojiData,
|
|
event: React.MouseEvent<HTMLElement, MouseEvent>
|
|
) => void
|
|
|
|
export interface EmojiPickerProps {
|
|
onClick: EmojiPickerOnClick
|
|
}
|
|
|
|
export const EmojiPicker: React.FC<EmojiPickerProps> = (props) => {
|
|
const { theme } = useTheme()
|
|
|
|
return (
|
|
<Picker
|
|
set={emojiSet}
|
|
theme={theme}
|
|
onClick={props.onClick}
|
|
showPreview={false}
|
|
showSkinTones={false}
|
|
/>
|
|
)
|
|
}
|