/**
 * 批量操作浮动工具栏
 */
import { Play, X } from 'lucide-react';

interface BatchToolbarProps {
  selectedCount: number;
  onRunBatch: () => void;
  onClearSelection: () => void;
}

export default function BatchToolbar({ selectedCount, onRunBatch, onClearSelection }: BatchToolbarProps) {
  if (selectedCount === 0) return null;

  return (
    <div className="fixed bottom-8 left-1/2 transform -translate-x-1/2 bg-slate-800 text-white px-5 py-3 rounded-full shadow-2xl flex items-center gap-6 z-30 fade-in border border-slate-700">
      <div className="flex items-center gap-2">
        <div className="w-5 h-5 rounded-full bg-indigo-500 flex items-center justify-center text-[10px] font-bold">
          {selectedCount}
        </div>
        <span className="text-sm font-medium">个文件已选中</span>
      </div>
      
      <div className="h-4 w-px bg-slate-600" />
      
      <button 
        onClick={onRunBatch}
        className="text-sm font-bold text-white hover:text-indigo-300 flex items-center gap-2 transition-colors"
      >
        <Play className="w-4 h-4 text-green-400" />
        运行智能审稿
      </button>
      
      <button 
        onClick={onClearSelection}
        className="text-slate-400 hover:text-white ml-2"
      >
        <X className="w-4 h-4" />
      </button>
    </div>
  );
}