"use client";

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

export default function OrdersBulkActionsBar({
  selectedCount,
  bulkLoading,
  onBulkFulfill,
  onOpenBulkDeposit,
  onClearSelection,
}: {
  selectedCount: number;
  bulkLoading: boolean;
  onBulkFulfill: () => void;
  onOpenBulkDeposit: () => void;
  onClearSelection: () => void;
}) {
  return (
    <div className="flex items-center gap-3 rounded-2xl bg-[var(--admin-accent-light)] border border-[var(--admin-accent)] px-4 py-3">
      <span className="text-sm font-medium text-[var(--admin-accent-text)]">{selectedCount} selected</span>
      <AdminButton variant="primary" size="sm" onClick={onBulkFulfill} disabled={bulkLoading} isLoading={bulkLoading}>
        {bulkLoading ? "..." : "Bulk Fulfill"}
      </AdminButton>
      <AdminButton variant="secondary" size="sm" onClick={onOpenBulkDeposit}>
        Bulk Record Deposit
      </AdminButton>
      <button type="button" onClick={onClearSelection} className="ml-auto text-xs text-[var(--admin-text-muted)] hover:text-[var(--admin-text-secondary)]">Clear selection</button>
    </div>
  );
}
