import { TooltipContent } from '@/Components/ui/tooltip';
import {
    Tooltip,
    TooltipProvider,
    TooltipTrigger,
} from '@radix-ui/react-tooltip';
import { InfoIcon } from 'lucide-react';
import { ReactNode } from 'react';

export default function Info({ message }: { message: ReactNode }) {
    return (
        <TooltipProvider delayDuration={200}>
            <Tooltip>
                <TooltipTrigger asChild>
                    <div>
                        <InfoIcon className="size-4 stroke-neutral-500" />
                    </div>
                </TooltipTrigger>
                <TooltipContent className="text-gray-500">
                    <p>{message}</p>
                </TooltipContent>
            </Tooltip>
        </TooltipProvider>
    );
}