"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" export default function ClientTable({ transactions }: ClientTableProps) { const intl = useIntl() const tableHeadings = [ intl.formatMessage({ id: "Points" }), intl.formatMessage({ id: "Description" }), intl.formatMessage({ id: "Booking number" }), intl.formatMessage({ id: "Arrival date" }), ] return (

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

) }