"use client";
import { useState } from "react";
import { api } from "./api";
export function EnqueueButton({ kind, label, payload }: { kind: string; label: string; payload?: Record<string, unknown> }) {
  const [msg, setMsg] = useState("");
  return <span className="inline-flex items-center gap-2"><button onClick={async () => { try { const r = await api("/api/admin/jobs", { method: "POST", body: JSON.stringify({ kind, payload: payload ?? {} }) }); setMsg(`queued #${r.id ?? "dup"}`); } catch (e) { setMsg((e as Error).message); } }} className="btn-ghost">{label}</button>{msg && <span className="text-xs text-fg-2">{msg}</span>}</span>;
}