'use client';

interface DownloadPhotoButtonProps {
  photoUrl: string;
  customerName: string;
}

export default function DownloadPhotoButton({ photoUrl, customerName }: DownloadPhotoButtonProps) {
  const handleDownload = () => {
    // Create a link element and trigger download
    const link = document.createElement('a');
    link.href = photoUrl;
    link.download = `photo-from-${customerName.toLowerCase().replace(/\s+/g, '-')}.png`;
    document.body.appendChild(link);
    link.click();
    document.body.removeChild(link);
  };

  return (
    <button
      onClick={handleDownload}
      className="border border-ink px-6 py-3 text-sm hover:border-clay hover:bg-clay hover:text-paper"
    >
      Download photo
    </button>
  );
}