Confirm Morph

import { Trash2 } from "lucide-react";
import { ConfirmMorph } from "@/components/arc/confirm-morph/confirm-morph";

export function DeleteSelection({ ids = ["file-1", "file-2", "file-3"] }: { ids?: string[] }) {
  const deleteFiles = async (fileIds: string[]) => {
    await new Promise((r) => setTimeout(r, 1200));
    console.log("Deleted files", fileIds);
  };

  const restoreFiles = async (fileIds: string[]) => {
    await new Promise((r) => setTimeout(r, 800));
    console.log("Restored files", fileIds);
  };

  return (
    <ConfirmMorph
      label="Delete"
      icon={<Trash2 size={16} strokeWidth={1.75} />}
      prompt={`Delete ${ids.length} files?`}
      onConfirm={() => deleteFiles(ids)}
      onUndo={() => restoreFiles(ids)}
    />
  );
}