import { renderSponsorGrid, sponsorCategoryHeadingHtml } from "../components/sponsor-grid.js";
import { t } from "../config/site.js";

export async function renderAllSponsorsPage(outlet) {
  outlet.innerHTML = `
    <div class="space-y-8">
      <header class="border-b border-white/[0.06] pb-2 text-center">
        ${sponsorCategoryHeadingHtml(t("pageAnaSponsorsTitle"), {
          id: "page-ana-sponsors-heading",
          tag: "h1",
          variant: "ana-sponsorlar",
        })}
      </header>
      <div id="all-sponsors-page-mount"></div>
    </div>
  `;
  await renderSponsorGrid(outlet.querySelector("#all-sponsors-page-mount"));
}
