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.currentPoints}</p>
    </div>
  )
}