interface EmojiProps extends React.HTMLAttributes<HTMLSpanElement> {
  label?: string;
  symbol?: string;
  children?: string;
}

export const Emoji = ({ label, symbol, children, ...props }: EmojiProps) => (
  <span
    role="img"
    aria-label={label ? label : undefined}
    aria-hidden={label ? 'false' : 'true'}
    {...props}
  >
    {children || symbol}
  </span>
);

export default Emoji;