"use client";

import * as React from "react";
import { type Table } from "@tanstack/react-table";
import { Download, Plus } from "lucide-react";

import { exportTableToExcel } from "@/lib/export";
import { Button } from "@/components/ui/button";
import { DeleteIntegrationDialog } from "./delete-integration-dialog";
import { IntegrationAddDialog } from "./integration-add-dialog";
import { integrationTable } from "@/db/schema/integration";

interface IntegrationTableToolbarActionsProps<TData> {
  table: Table<TData>;
  onSuccess?: () => void;
}

export function IntegrationTableToolbarActions<TData>({
  table,
  onSuccess,
}: IntegrationTableToolbarActionsProps<TData>) {
  const selectedRows = table.getFilteredSelectedRowModel().rows.map((row) => row.original);
  return (
    <div className="flex items-center gap-2">
      {selectedRows.length > 0 && (
        <DeleteIntegrationDialog
          integrations={selectedRows}
          onSuccess={() => {
            table.toggleAllRowsSelected(false);
            onSuccess?.();
          }}
        />
      )}
      <IntegrationAddDialog onSuccess={onSuccess} />

      {/** 3) Export 버튼 */}
      <Button
        variant="outline"
        size="sm"
        onClick={() =>
          exportTableToExcel(table, {
            filename: "interface-list",
            excludeColumns: ["select", "actions"],
          })
        }
        className="gap-2"
      >
        <Download className="size-4" aria-hidden="true" />
        <span className="hidden sm:inline">Export</span>
      </Button>
    </div>
  );
}