import { TooltipContent } from '@/Components/ui/tooltip';
import { User } from '@/types';
import {
    Tooltip,
    TooltipProvider,
    TooltipTrigger,
} from '@radix-ui/react-tooltip';
import { BadgeCheck, CircleAlert } from 'lucide-react';
import React from 'react';

export default function UserStatusIcon({ user }: { user: User }) {
    const Icon = ({
        children,
        message,
    }: {
        children: React.ReactNode;
        message: string;
    }) => {
        return (
            <TooltipProvider delayDuration={200}>
                <Tooltip>
                    <TooltipTrigger asChild>
                        <div className="absolute right-1 top-2 m-1 size-6">
                            {children}
                        </div>
                    </TooltipTrigger>
                    <TooltipContent className="text-gray-500">
                        <p>{message}</p>
                    </TooltipContent>
                </Tooltip>
            </TooltipProvider>
        );
    };
    if (user.email_verified_at) {
        return (
            <Icon message="Iscrizione completata">
                <BadgeCheck className="stroke-neutral-500" />
            </Icon>
        );
    }
    return (
        <Icon message="Email non verificata">
            <CircleAlert className="stroke-red-500" />
        </Icon>
    );
}