"use client";

import { AdminButton } from "@/components/admin/design-system";

export default function OrdersManifestSection({
  manifestLoading,
  onGenerateManifest,
}: {
  manifestLoading: boolean;
  onGenerateManifest: () => void;
}) {
  return (
    <div className="rounded-2xl bg-white border border-[var(--admin-border)] p-4 flex items-center gap-4 shadow-sm">
      <div>
        <p className="text-sm font-medium text-[var(--admin-text-secondary)]">Load Manifest</p>
        <p className="text-xs text-[var(--admin-text-muted)]">Generate a printable manifest for pending/active orders.</p>
      </div>
      <AdminButton
        variant="secondary"
        size="sm"
        onClick={onGenerateManifest}
        disabled={manifestLoading}
        isLoading={manifestLoading}
      >
        {manifestLoading ? "Generating..." : "Generate Manifest"}
      </AdminButton>
    </div>
  );
}
