'use client';
// ImageActionBar — 屏4挑图底部选中统计 + 提交按钮
interface ImageActionBarProps {
  selectedCount: number;
  onProceed: () => void;
}

export function ImageActionBar({ selectedCount, onProceed }: ImageActionBarProps) {
  return (
    <div className="sticky bottom-0 bg-surface-primary border-t border-border-default px-6 py-4 flex items-center justify-between mt-4">
      <span className="text-sm text-text-secondary">
        已选 <strong className="text-text-primary">{selectedCount}</strong> 批
      </span>
      <button
        onClick={onProceed}
        disabled={selectedCount === 0}
        aria-label="满意，交组长审"
        className="bg-brand-orange text-white rounded-lg px-6 py-2.5 text-sm font-medium hover:bg-orange-600 disabled:opacity-50"
      >
        满意，交组长审 →
      </button>
    </div>
  );
}
