export function HelpPanel() {
  return (
    <div className="bg-white dark:bg-gray-800 rounded-lg shadow">
      <div className="px-6 py-4 border-b border-gray-200 dark:border-gray-700">
        <h2 className="text-lg font-semibold text-gray-900 dark:text-white">Hilfe</h2>
      </div>
      <div className="p-4 space-y-3 text-sm">
        <div className="flex gap-2">
          <span>📋</span>
          <div>
            <p className="font-medium text-gray-900 dark:text-white">VVT Export</p>
            <p className="text-gray-500 dark:text-gray-400">Art. 30 DSGVO konformes Verzeichnis aller Verarbeitungstätigkeiten</p>
          </div>
        </div>
        <div className="flex gap-2">
          <span>🔍</span>
          <div>
            <p className="font-medium text-gray-900 dark:text-white">Vendor Audit</p>
            <p className="text-gray-500 dark:text-gray-400">Komplette Dokumentation für Due Diligence und Audits</p>
          </div>
        </div>
        <div className="flex gap-2">
          <span>📊</span>
          <div>
            <p className="font-medium text-gray-900 dark:text-white">Management Summary</p>
            <p className="text-gray-500 dark:text-gray-400">Übersicht für Geschäftsführung und DSB</p>
          </div>
        </div>
      </div>
    </div>
  )
}
