36 lines
640 B
TypeScript
36 lines
640 B
TypeScript
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
|