export function PasswordRules({ password, validation }: any) {
    return (
        <div>
            <span style={{ fontSize: "0.75rem", color: "#666" }}>
                Le mot de passe doit contenir au moins 14 caractères, incluant :
                une majuscule, une minuscule, un chiffre et un caractère spécial.
            </span>
            {
                password && (
                    <ul style={{ fontSize: "0.80em" }}>
                        <li style={{ color: validation.length ? "green" : "red" }}>
                            14 caractères minimum
                        </li>
                        <li style={{ color: validation.lowercase ? "green" : "red" }}>
                            une lettre minuscule
                        </li>
                        <li style={{ color: validation.uppercase ? "green" : "red" }}>
                            une lettre majuscule
                        </li>
                        <li style={{ color: validation.number ? "green" : "red" }}>
                            un chiffre
                        </li>
                        <li style={{ color: validation.special ? "green" : "red" }}>
                            un caractère spécial
                        </li>
                    </ul>
                )
            }
        </div>
    );
}