import { A, useParams } from '@solidjs/router';

export default function HelpArticlePage() {
  const params = useParams();
  return (
      <div class="flex flex-col -mx-6 -mt-6 min-h-full">
        <div class="bg-white border-b border-gray-200 px-6 py-4 flex items-center justify-between">
          <div>
            <h1 class="text-xl font-semibold text-gray-900">Help Article</h1>
            <p class="text-sm text-gray-500 mt-0.5">Legacy help article route preserved for migration compatibility.</p>
          </div>
          <A class="rounded-lg border border-gray-200 px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 transition-colors" href="/admin/support">Back to Support</A>
        </div>
        <div class="p-6">
          <div class="table-card p-5">
            <p class="text-sm text-slate-600">Article ID: <strong>{params.id}</strong></p>
            <p class="mt-2 text-sm text-slate-500">Detailed knowledge base article rendering is handled in the support/KB modules during this migration phase.</p>
          </div>
        </div>
      </div>
  );
}
