import { StatusClient } from "./status-client";
import { getDictionary } from "@/lib/i18n";
import { getLocale } from "@/lib/locale";
import { getAccessToken } from "@/lib/session";

export default async function StatusPage() {
  const locale = await getLocale();
  const dictionary = getDictionary(locale);
  const accessToken = await getAccessToken();
  return (
    <>
      <div className="page-heading">
        <div>
          <p className="eyebrow">{dictionary.status.eyebrow}</p>
          <h1>{dictionary.status.title}</h1>
          <p className="page-description">{dictionary.status.description}</p>
        </div>
      </div>
      <StatusClient
        locale={locale}
        labels={dictionary.status}
        accessToken={accessToken ?? ""}
      />
    </>
  );
}