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

import {
  CalendarIcon,
  EmailIcon,
  HouseIcon,
  PhoneIcon,
} from "@/components/Icons"

// import { countries } from "@/components/TempDesignSystem/Form/Country/countries"
// import { getIntl } from "@/i18n"
import Container from "./Container"

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

export default async function Profile() {
  // const { formatMessage } = await getIntl()
  const user = await serverClient().user.get()
  if (!user) {
    return null
  }
  // const countryName = countries.find(
  //   (country) => country.code === user.address.country
  // )
  // const dob = dt(user.dateOfBirth).format("DD/MM/YYYY")
  return (
    <Container user={user}>
      <section className={styles.info}>
        <CalendarIcon />
        <EmailIcon />
        <HouseIcon />
        <PhoneIcon />
      </section>
    </Container>
  )
}