import { Suspense } from "react"

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

import Profile from "@/components/MyPages/myprofile/profile/profile"
import TrackingSDK from "@/components/TrackingSDK"

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

export { generateMetadata } from "@/utils/generateMetadata"

export default async function ProfilePage({}: PageArgs<LangParams>) {
  const accountPage = await serverClient().contentstack.accountPage.get()

  if (!accountPage) {
    return null
  }

  return (
    <>
      <Profile />
      <Suspense fallback={null}>
        <TrackingSDK pageData={accountPage.tracking} />
      </Suspense>
    </>
  )
}