import { PageHeader } from "@/components/admin/form";
import { getSiteSettings } from "@/lib/data";
import { resolveNavItems } from "@/lib/nav";
import { MenuForm } from "./form";

export default async function MenuAdminPage() {
  const settings = await getSiteSettings();
  const items = resolveNavItems(settings?.nav_items);

  return (
    <div>
      <PageHeader
        title="Menü düzeni"
        description="Üst menü öğelerinin sırasını ve görünürlüğünü düzenleyin. Etiketi boş bırakırsanız varsayılan kullanılır."
      />
      <MenuForm initial={items} />
    </div>
  );
}