import React from 'react';
import { useParams } from 'react-router-dom';

export function HelpPlaceholderPage() {
  const params = useParams();
  return (
    <div className="max-w-3xl mx-auto prose prose-secondary">
      <h1 className="text-2xl font-bold text-secondary-900 mb-4">Hilfe</h1>
      <p className="text-secondary-600">
        Diese Hilfeseite ({params['*'] || 'unbekannt'}) wird gerade erstellt. Schauen Sie später wieder vorbei.
      </p>
      <p className="text-secondary-400 text-sm mt-4">
        Wählen Sie ein Thema aus dem Menü links um weitere Hilfe-Artikel zu lesen.
      </p>
    </div>
  );
}