"use client" import { useIntl } from "react-intl" import Body from "@/components/TempDesignSystem/Text/Body" import Row from "./Row" import styles from "./table.module.css" import type { TableProps } from "@/types/components/myPages/myPage/earnAndBurn" const tableHeadings = [ "Points", "Description", "Booking number", "Arrival date", ] export default function Table({ transactions }: TableProps) { const intl = useIntl() return (
{transactions.length ? ( {tableHeadings.map((heading) => ( ))} {transactions.map((transaction, index) => ( ))}
{intl.formatMessage({ id: heading })}
) : ( {tableHeadings.map((heading) => ( ))}
{heading}
{intl.formatMessage({ id: "No transactions available" })}
)}
) }