import React from 'react';
import { IconTheme } from '../../IconsCommonTypes';

function Emoji(theme: IconTheme | undefined = undefined) {
  return (
    <svg
      width={theme && theme.width ? theme.width : '44'}
      height={theme && theme.height ? theme.height : '44'}
      viewBox="0 0 44 44"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M21.9817 3.66663C11.8617 3.66663 3.66675 11.88 3.66675 22C3.66675 32.12 11.8617 40.3333 21.9817 40.3333C32.1201 40.3333 40.3334 32.12 40.3334 22C40.3334 11.88 32.1201 3.66663 21.9817 3.66663ZM22.0001 36.6666C13.8967 36.6666 7.33341 30.1033 7.33341 22C7.33341 13.8966 13.8967 7.33329 22.0001 7.33329C30.1034 7.33329 36.6667 13.8966 36.6667 22C36.6667 30.1033 30.1034 36.6666 22.0001 36.6666ZM28.4167 20.1666C29.9384 20.1666 31.1667 18.9383 31.1667 17.4166C31.1667 15.895 29.9384 14.6666 28.4167 14.6666C26.8951 14.6666 25.6667 15.895 25.6667 17.4166C25.6667 18.9383 26.8951 20.1666 28.4167 20.1666ZM15.5834 20.1666C17.1051 20.1666 18.3334 18.9383 18.3334 17.4166C18.3334 15.895 17.1051 14.6666 15.5834 14.6666C14.0617 14.6666 12.8334 15.895 12.8334 17.4166C12.8334 18.9383 14.0617 20.1666 15.5834 20.1666ZM22.0001 32.0833C26.2717 32.0833 29.9017 29.4066 31.3684 25.6666H12.6317C14.0984 29.4066 17.7284 32.0833 22.0001 32.0833Z"
        id="Emoji"
        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
      />
    </svg>
  );
}

export default Emoji;
