---
import { type Locale, t } from "@app/i18n";
import { BrowseBody } from "~/components/pages/BrowseBody";
import AppLayout from "~/layouts/AppLayout.astro";

export interface Props {
  locale: Locale;
}

const { locale } = Astro.props;
---

<AppLayout
  title={t(locale, "browse.title")}
  locale={locale}
  active="browse"
  brand={t(locale, "meta.product")}
  seo={{
    title: `${t(locale, "browse.title")} · ${t(locale, "meta.brand")}`,
    path: Astro.url.pathname,
    robots: ["noindex", "nofollow"],
  }}
>
  <BrowseBody locale={locale} client:load />
</AppLayout>