import Divider from "@/components/TempDesignSystem/Divider"

import Title from "../Title"

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

import type { TotalPointsProps } from "@/types/components/myPages/myPage/totalPoints"

export default function TotalPoints({ user }: TotalPointsProps) {
  return (
    <div>
      <Title>Total Points</Title>
      <Divider className={styles.divider} variant="dotted" />
      <p className={styles.points}>
        {user.membership ? user.membership.currentPoints : "N/A"}
      </p>
    </div>
  )
}
