25 lines
419 B
TypeScript
25 lines
419 B
TypeScript
|
import { Emoji as EmojiMart } from 'emoji-mart'
|
||
|
|
|
||
|
|
import { EMOJI_SET } from './emojiPlugin'
|
||
|
|
|
||
|
|
export interface EmojiProps {
|
||
|
|
value: string
|
||
|
|
size: number
|
||
|
|
}
|
||
|
|
|
||
|
|
export const Emoji: React.FC<EmojiProps> = (props) => {
|
||
|
|
const { value, size } = props
|
||
|
|
|
||
|
|
return (
|
||
|
|
<EmojiMart
|
||
|
|
set={EMOJI_SET}
|
||
|
|
emoji={value}
|
||
|
|
size={size}
|
||
|
|
tooltip
|
||
|
|
fallback={() => {
|
||
|
|
return <>{value}</>
|
||
|
|
}}
|
||
|
|
/>
|
||
|
|
)
|
||
|
|
}
|