---
import { alternatePath, type Locale, t } from "@app/i18n";
import { Toaster } from "@app/ui";
import { AppShell } from "~/components/AppShell";
import { MountsBody } from "~/components/pages/MountsBody";
import AppLayout from "~/layouts/AppLayout.astro";

export interface Props {
  locale: Locale;
}

const { locale } = Astro.props;
const other: Locale = locale === "zh-CN" ? "en" : "zh-CN";
const labels: Record<string, string> = {
  "meta.brand": t(locale, "meta.brand"),
  "nav.library": t(locale, "nav.library"),
  "nav.browse": t(locale, "nav.browse"),
  "nav.mounts": t(locale, "nav.mounts"),
  "nav.danmaku": t(locale, "nav.danmaku"),
};
---

<AppLayout
  title={t(locale, "mounts.title")}
  locale={locale}
  nav={[]}
  hideSideRail
  switchHref={alternatePath(Astro.url.pathname, other)}
  switchLabel={t(other, `locale.${other}` as never)}
  seo={{
    title: `${t(locale, "mounts.title")} · ${t(locale, "meta.brand")}`,
    path: Astro.url.pathname,
    robots: ["noindex", "nofollow"],
  }}
>
  <AppShell locale={locale} active="mounts" labels={labels}>
    <MountsBody client:load />
  </AppShell>
  <Toaster client:load />
</AppLayout>