import { notFound } from 'next/navigation';

import { FeaturePreviewPage } from '@/components/preview/FeaturePreviewPage';

const sections = {
  docs: {
    title: 'Documentation',
    description:
      'Reference architecture, onboarding guidance, and operating notes for the authenticated client workspace.',
    bullets: [
      'Portal docs should reflect the canonical client and tenant model.',
      'Native and partner offers should be documented with consistent commercial-language rules.',
      'Client-facing docs should not inherit operator-only assumptions.',
    ],
  },
  support: {
    title: 'Support',
    description:
      'Client support entrypoint for workspace, billing, onboarding, and fulfillment issues.',
    bullets: [
      'Support routing should respect support owner and fulfillment mode.',
      'Request-only programs should route into review queues, not instant activation flows.',
      'Client-facing support differs from operator-only systems administration.',
    ],
  },
} as const;

export default function HelpSectionPage({
  params,
}: {
  params: { section: keyof typeof sections };
}) {
  const section = sections[params.section];
  if (!section) notFound();

  return (
    <FeaturePreviewPage
      eyebrow="Help & Support"
      title={section.title}
      description={section.description}
      bullets={section.bullets}
      primaryAction={{ href: '/', label: 'Return to Dashboard' }}
      secondaryAction={{ href: '/settings', label: 'Workspace Settings' }}
      status="active"
    />
  );
}
