"use client" import { useIntl } from "react-intl" import Table from "@/components/TempDesignSystem/Table" import Body from "@/components/TempDesignSystem/Text/Body" import Row from "./Row" import styles from "./clientTable.module.css" import type { ClientTableProps } from "@/types/components/myPages/myPage/earnAndBurn" const tableHeadings = [ "Points", "Description", "Booking number", "Arrival date", ] export default function ClientTable({ transactions }: ClientTableProps) { const intl = useIntl() return (

{tableHeadings.map((heading) => ( {intl.formatMessage({ id: heading })} ))} {transactions.length ? ( transactions.map((transaction, index) => ( )) ) : ( {intl.formatMessage({ id: "No transactions available" })} )}

) }