"use client" import { useIntl } from "react-intl" import { dt } from "@scandic-hotels/common/dt" import Table from "@/components/TempDesignSystem/Table" import Body from "@/components/TempDesignSystem/Text/Body" import useLang from "@/hooks/useLang" import AwardPoints from "../../EarnAndBurn/AwardPoints" 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") const tableHeadings = [ intl.formatMessage({ defaultMessage: "Points", }), intl.formatMessage({ defaultMessage: "Expiration Date", }), ] return ( {tableHeadings.map((heading) => ( {heading} ))} {expiration}

) }