'use client'

export function QuickActions() {
  return (
    <div className="bg-white dark:bg-gray-800 rounded-2xl shadow-lg border border-gray-200 dark:border-gray-700 p-6">
      <h3 className="text-lg font-semibold text-gray-900 dark:text-white mb-4">
        Schnellaktionen
      </h3>
      <div className="space-y-3">
        <button className="w-full px-4 py-3 text-left bg-gray-50 dark:bg-gray-900 rounded-xl hover:bg-gray-100 dark:hover:bg-gray-700 transition">
          <span className="flex items-center gap-3">
            <span className="text-xl">📊</span>
            <span>
              <span className="block font-medium text-gray-900 dark:text-white">
                Modell-Vergleich
              </span>
              <span className="text-sm text-gray-500">
                Versionen vergleichen
              </span>
            </span>
          </span>
        </button>
        <button className="w-full px-4 py-3 text-left bg-gray-50 dark:bg-gray-900 rounded-xl hover:bg-gray-100 dark:hover:bg-gray-700 transition">
          <span className="flex items-center gap-3">
            <span className="text-xl">📥</span>
            <span>
              <span className="block font-medium text-gray-900 dark:text-white">
                Modell exportieren
              </span>
              <span className="text-sm text-gray-500">
                ONNX/TensorRT Format
              </span>
            </span>
          </span>
        </button>
        <button className="w-full px-4 py-3 text-left bg-gray-50 dark:bg-gray-900 rounded-xl hover:bg-gray-100 dark:hover:bg-gray-700 transition">
          <span className="flex items-center gap-3">
            <span className="text-xl">🔄</span>
            <span>
              <span className="block font-medium text-gray-900 dark:text-white">
                Daten aktualisieren
              </span>
              <span className="text-sm text-gray-500">
                Crawler erneut ausführen
              </span>
            </span>
          </span>
        </button>
      </div>
    </div>
  )
}
