"use client";

import React from "react";
import Image from "next/image";
import { useToast } from "@/hooks/use-toast";
import { toast as toastMessage } from "sonner";
import { saveAs } from "file-saver";
import { Button } from "@/components/ui/button";
import { getReportTempFileData } from "@/lib/forms/services";

export const TempDownloadBtn = () => {
  const { toast } = useToast();

  const downloadTempFile = async () => {
    try {
      const { fileName, fileType, base64 } = await getReportTempFileData();

      saveAs(`data:${fileType};base64,${base64}`, fileName);

      toastMessage.success("Report Sample File 다운로드 완료!");
    } catch (err) {
      console.log(err);
      toast({
        title: "Error",
        description: "Sample File을 찾을 수가 없습니다.",
        variant: "destructive",
      });
    }
  };
  return (
    <Button
      variant="outline"
      className="relative px-[8px] py-[6px] flex-1"
      aria-label="Template Sample Download"
      onClick={downloadTempFile}
    >
      <Image
        src="/icons/temp_sample_icon.svg"
        alt="Template Sample Download Icon"
        width={16}
        height={16}
      />
      <div className='text-[12px]'>Sample Template Download</div>
    </Button>
  );
};