"use client";

import { useTransition } from "react";
import { archiveOrderAction, unarchiveOrderAction } from "@/lib/actions/admin";

export function ArchiveOrderButton({ orderId, archived }: { orderId: string; archived: boolean }) {
  const [pending, startTransition] = useTransition();

  return (
    <button
      disabled={pending}
      onClick={() => startTransition(() => (archived ? unarchiveOrderAction(orderId) : archiveOrderAction(orderId)))}
      className="text-xs border border-white/15 rounded-full px-3 py-1.5 hover:border-white/50 transition-colors disabled:opacity-50"
    >
      {archived ? "Aus Archiv holen" : "Archivieren"}
    </button>
  );
}