MeBox/web/src/pages/FileManagerToolbar.tsx

import { ChevronUp, Home, RefreshCw } from 'lucide-react'

type FileManagerToolbarProps = {
  currentPath?: string
  parentPath?: string
  recursive: boolean
  onRoot: () => void
  onParent: (path: string) => void
  onRefresh: () => void
  onRecursiveChange: (value: boolean) => void
}

export function FileManagerToolbar({
  currentPath,
  parentPath,
  recursive,
  onRoot,
  onParent,
  onRefresh,
  onRecursiveChange,
}: FileManagerToolbarProps) {
  return (
    <div className="flex flex-wrap items-center gap-2">
      <button className="neon-button !px-3 !py-1 !text-xs" onClick={onRoot} title="返回根列表">
        <Home size={14} /> 根
      </button>
      {parentPath && (
        <button className="neon-button !px-3 !py-1 !text-xs" onClick={() => onParent(parentPath)}>
          <ChevronUp size={14} /> 上一级
        </button>
      )}
      <button className="neon-button !px-3 !py-1 !text-xs" onClick={onRefresh}>
        <RefreshCw size={14} /> 刷新
      </button>
      <label className="flex items-center gap-2 rounded-lg border border-gray-200 bg-gray-50 px-2 py-1 text-xs text-ink-100">
        <input type="checkbox" checked={recursive} onChange={(e) => onRecursiveChange(e.target.checked)} />
        递归扫描
      </label>
      {currentPath && (
        <span className="rounded-lg border border-gray-200 bg-gray-50 px-2 py-1 font-mono text-xs text-ink-100">
          {currentPath}
        </span>
      )}
    </div>
  )
}