絵文字

1import { Picker, Emoji } from 'emoji-mart';
2import { useState } from 'react';
3
4const EmojiDemo = () => {
5  const [emoji, setEmoji] = useState<string>('santa');
6
7  return (
8    <div>
9      <div className="mb-4 leading-none">
10        <Emoji emoji={emoji} native set="apple" size={80} />
11      </div>
12      <Picker
13        title="絵文字を選択"
14        onSelect={(data) => setEmoji(data.id as string)}
15        theme="auto"
16        set="apple"
17      />
18    </div>
19  );
20};
21
22export default EmojiDemo;