import { CreditsPagesNav } from "@/components/pages/credits/nav";
import { assertAuthorizedToCreditsPages } from "@/components/pages/credits/rule";
import { ReactNode } from "react";

export default async function CreditsLayout({
  children,
}: {
  children: ReactNode;
}) {
  const { billing } = await assertAuthorizedToCreditsPages("credits");
  return (
    <div className="max-w-(--breakpoint-lg) mx-auto grid grid-cols-1 lg:grid-cols-nav-main gap-8 py-8 px-2">
      <CreditsPagesNav allowBillingProfile={billing} />
      <main className="space-y-8">{children}</main>
    </div>
  );
}