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

interface ExportButtonProps {
    href: string;
    label?: string;
}

export default function ExportButton({ href, ...props }: ExportButtonProps) {
    const handleDownload = () => {
        window.open(href, '_blank');
    };

    return (
        <TooltipProvider delayDuration={200}>
            <Tooltip>
                <TooltipTrigger asChild>
                    <Button
                        variant="outline"
                        className="h-8 w-8 rounded-full border-0 bg-white p-0 shadow-md print:hidden"
                        onClick={handleDownload}
                        {...props}
                    >
                        <Download />
                    </Button>
                </TooltipTrigger>
                <TooltipContent className="text-gray-500 print:hidden">
                    <p>Esporta</p>
                </TooltipContent>
            </Tooltip>
        </TooltipProvider>
    );
}