import React, { FC } from "react";

interface FormValidateEmojiProps {
  type: string;
}

const FormValidateEmoji: FC<FormValidateEmojiProps> = ({
  type,
}: FormValidateEmojiProps) => {
  interface Validations {
    [key: string]: JSX.Element;
  }

  const validations: Validations = {
    Required: (
      <span role="img" aria-label="Explication Mark">
        ❗
      </span>
    ),
    Error: (
      <span role="img" aria-label="X">
        ❌
      </span>
    ),
    Valid: (
      <span role="img" aria-label="Check">
        ✔
      </span>
    ),
  };

  return validations[`${type}`];
};

export default FormValidateEmoji