import { SuggestionsBrowser } from "@/components/suggestions-browser";
import { requireAdminSession } from "@/lib/auth/require-admin";

export const dynamic = "force-dynamic";

export default async function SuggestionsPage() {
  await requireAdminSession();
  return <main className="mx-auto max-w-6xl px-6 py-14">
    <header className="relative overflow-hidden border-b border-line pb-8">
      <p className="font-mono text-xs font-bold uppercase tracking-[0.25em] text-accent">Community / Idea desk</p>
      <h1 className="mt-4 font-display text-5xl font-black uppercase sm:text-7xl">Suggestions</h1>
      <div className="mt-5 flex flex-wrap items-end justify-between gap-5">
        <p className="max-w-2xl text-sm leading-6 text-muted">Ideas from the Discord forum, brought into the operations desk. Read proposals and discussion here; keep the conversation in Discord.</p>
        <span className="border border-ink bg-signal px-3 py-2 font-mono text-[10px] font-bold uppercase tracking-widest">Admin-only / Read-only</span>
      </div>
    </header>
    <SuggestionsBrowser />
  </main>;
}