"use client" import { useIntl } from "react-intl" import { dt } from "@/lib/dt" import Table from "@/components/TempDesignSystem/Table" import Body from "@/components/TempDesignSystem/Text/Body" import useLang from "@/hooks/useLang" import AwardPoints from "../../EarnAndBurn/AwardPoints" const tableHeadings = ["Points", "Expiration Date"] export default function ExpiringPointsTable({ points, expirationDate, }: { points: number expirationDate: string }) { const intl = useIntl() const lang = useLang() const expiration = dt(expirationDate).locale(lang).format("DD MMM YYYY") return ( {tableHeadings.map((heading) => ( {intl.formatMessage({ id: heading })} ))} {expiration}

) }