import React from "react";
import { BookingPackage, Pax } from "@qite/tide-client/build/types";
import { useOfferPrinter } from "../use-offer-printer";

interface PrintOfferButtonProps {
  bookingPackage?: BookingPackage;

  getPax: () => Pax[] | undefined;

  tagIds?: number[];

  printActionId?: number | null;

  onPrinted?: (pdfUrl: string) => void;

  labelIdle?: string;
  labelCreating?: string;
  labelPrinting?: string;
  disabled?: boolean;
  className?: string;
  loader?: React.ReactNode;
}

const PrintOfferButton: React.FC<PrintOfferButtonProps> = ({
  bookingPackage,
  getPax,
  tagIds,
  printActionId = null,
  onPrinted,
  labelIdle = "Print offer",
  labelCreating = "Generating offer…",
  labelPrinting = "Generating PDF…",
  disabled = false,
  className,
}) => {
  const { handlePrint, stage, loading } = useOfferPrinter({
    bookingPackage,
    getPax,
    tagIds,
    onPrinted,
    printActionId,
  });

  const label =
    stage === "creating"
      ? labelCreating
      : stage === "printing"
      ? labelPrinting
      : labelIdle;

  return (
    <button
      type="button"
      onClick={handlePrint}
      disabled={disabled || loading}
      className={className}
    >
      {label}
    </button>
  );
};

export default PrintOfferButton;