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

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

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

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

export default async function BenefitsPage({ params }: PageArgs<LangParams>) {
  const accountPage = await serverClient().contentstack.accountPage.get({
    url: "/my-pages/benefits",
    lang: params.lang,
  })

  return (
    <main className={styles.container}>
      <Content lang={params.lang} content={accountPage.content} />
    </main>
  )
}