import { _ } from "@/lib/translation"
import { serverClient } from "@/lib/trpc/server"

import Content from "@/components/MyPages/AccountPage/Content"
import MaxWidth from "@/components/MaxWidth"

import styles from "./page.module.css"

import type { LangParams, PageArgs } from "@/types/params"

export default async function MyPageOverview({ params }: PageArgs<LangParams>) {
  const user = await serverClient().user.get()
  const accountPage = await serverClient().contentstack.accountPage.getOverview(
    {
      lang: params.lang,
    }
  )

  return (
    <MaxWidth className={styles.blocks} tag="main">
      <Content user={user} lang={params.lang} content={accountPage.content} />
    </MaxWidth>
  )
}
