2023-10-23 23:33:39 +02:00
|
|
|
import { Emoji as EmojiMart } from "emoji-mart"
|
2022-01-01 20:42:25 +01:00
|
|
|
|
2023-10-23 23:33:39 +02:00
|
|
|
import { EMOJI_SET } from "./emojiPlugin"
|
2022-01-01 20:42:25 +01:00
|
|
|
|
|
|
|
export interface EmojiProps {
|
|
|
|
value: string
|
|
|
|
size: number
|
2022-08-29 21:24:38 +02:00
|
|
|
tooltip?: boolean
|
2022-01-01 20:42:25 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
export const Emoji: React.FC<EmojiProps> = (props) => {
|
2022-08-29 21:24:38 +02:00
|
|
|
const { value, size, tooltip = false } = props
|
2022-01-01 20:42:25 +01:00
|
|
|
|
|
|
|
return (
|
|
|
|
<EmojiMart
|
|
|
|
set={EMOJI_SET}
|
|
|
|
emoji={value}
|
|
|
|
size={size}
|
2022-08-29 21:24:38 +02:00
|
|
|
tooltip={tooltip}
|
2022-01-01 20:42:25 +01:00
|
|
|
fallback={() => {
|
|
|
|
return <>{value}</>
|
|
|
|
}}
|
|
|
|
/>
|
|
|
|
)
|
|
|
|
}
|