export function AuditorTab() {
  return (
    <div className="space-y-6">
      <div className="bg-white rounded-xl border border-slate-200 p-6">
        <h3 className="font-semibold text-slate-800 text-lg mb-4">
          Dokumentation fuer externe Auditoren
        </h3>
        <p className="text-slate-600 mb-4">
          Diese Dokumentation erfuellt die Anforderungen nach Art. 30 DSGVO (Verzeichnis von
          Verarbeitungstaetigkeiten) und dient als Grundlage fuer Audits nach Art. 32 DSGVO.
        </p>

        <div className="space-y-4">
          <div className="p-4 bg-slate-50 rounded-lg border border-slate-200">
            <h4 className="font-medium text-slate-800 mb-2">1. Zweck des Systems</h4>
            <p className="text-sm text-slate-600">
              UCCA ist ein Compliance-Pruefwerkzeug zur Bewertung geplanter KI-Anwendungsfaelle
              hinsichtlich ihrer datenschutzrechtlichen Zulaessigkeit.
            </p>
          </div>

          <div className="p-4 bg-slate-50 rounded-lg border border-slate-200">
            <h4 className="font-medium text-slate-800 mb-2">2. Rechtsgrundlage</h4>
            <ul className="text-sm text-slate-600 list-disc list-inside space-y-1">
              <li><strong>Art. 6 Abs. 1 lit. c DSGVO</strong> - Erfuellung rechtlicher Verpflichtungen</li>
              <li><strong>Art. 6 Abs. 1 lit. f DSGVO</strong> - Berechtigte Interessen (Compliance-Management)</li>
            </ul>
          </div>

          <div className="p-4 bg-slate-50 rounded-lg border border-slate-200">
            <h4 className="font-medium text-slate-800 mb-2">3. Verarbeitete Datenkategorien</h4>
            <div className="overflow-x-auto">
              <table className="w-full text-sm mt-2">
                <thead>
                  <tr className="border-b border-slate-200">
                    <th className="text-left py-2 px-2 font-medium text-slate-600">Kategorie</th>
                    <th className="text-left py-2 px-2 font-medium text-slate-600">Speicherung</th>
                    <th className="text-left py-2 px-2 font-medium text-slate-600">Aufbewahrung</th>
                  </tr>
                </thead>
                <tbody className="text-slate-600">
                  <tr className="border-b border-slate-100">
                    <td className="py-2 px-2">Use-Case-Beschreibung</td>
                    <td className="py-2 px-2">Nur Hash (SHA-256)</td>
                    <td className="py-2 px-2">10 Jahre</td>
                  </tr>
                  <tr className="border-b border-slate-100">
                    <td className="py-2 px-2">Bewertungsergebnis</td>
                    <td className="py-2 px-2">Vollstaendig</td>
                    <td className="py-2 px-2">10 Jahre</td>
                  </tr>
                  <tr className="border-b border-slate-100">
                    <td className="py-2 px-2">Audit-Trail</td>
                    <td className="py-2 px-2">Vollstaendig</td>
                    <td className="py-2 px-2">10 Jahre</td>
                  </tr>
                  <tr>
                    <td className="py-2 px-2">Eskalations-Historie</td>
                    <td className="py-2 px-2">Vollstaendig</td>
                    <td className="py-2 px-2">10 Jahre</td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>

          <div className="p-4 bg-slate-50 rounded-lg border border-slate-200">
            <h4 className="font-medium text-slate-800 mb-2">4. Keine autonomen KI-Entscheidungen</h4>
            <p className="text-sm text-slate-600">
              Das System trifft <strong>KEINE automatisierten Einzelentscheidungen</strong> im Sinne
              von Art. 22 DSGVO, da:
            </p>
            <ul className="text-sm text-slate-600 list-disc list-inside mt-2 space-y-1">
              <li>Regelauswertung ist keine rechtlich bindende Entscheidung</li>
              <li>Alle kritischen Faelle werden menschlich geprueft (E1-E3)</li>
              <li>BLOCK-Entscheidungen erfordern immer menschliche Freigabe</li>
              <li>Betroffene haben Anfechtungsmoeglichkeit ueber Eskalation</li>
            </ul>
          </div>

          <div className="p-4 bg-green-50 rounded-lg border border-green-200">
            <h4 className="font-medium text-green-800 mb-2">5. Technische und Organisatorische Massnahmen</h4>
            <div className="grid grid-cols-1 md:grid-cols-2 gap-4 text-sm">
              <div>
                <strong className="text-green-700">Vertraulichkeit</strong>
                <ul className="text-green-700 list-disc list-inside mt-1">
                  <li>RBAC mit Tenant-Isolation</li>
                  <li>TLS 1.3 Verschluesselung</li>
                  <li>AES-256 at rest</li>
                </ul>
              </div>
              <div>
                <strong className="text-green-700">Integritaet</strong>
                <ul className="text-green-700 list-disc list-inside mt-1">
                  <li>Unveraenderlicher Audit-Trail</li>
                  <li>Policy-Versionierung</li>
                  <li>Input-Validierung</li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  )
}
