import "@/app/globals.css"
import "@scandic-hotels/design-system/style.css"

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

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

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

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

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

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