src/Emoji.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

import { FC } from 'react';
import Image from 'next/future/image';
import config from './config';

interface Props {
  children: string[];
}

const Emoji: FC<Props> = ({ children }) => {
  const src = children[0];
  return (
    <Image
      src={`${config.CDN}${config.paths.emojiRoot}/${src}`}
      style={{ marginBottom: '-4px' }}
      height={18}
      alt={`${src}-emoji`}
    />
  );
}

export default Emoji;