Data tablePro

import { DataTable, type Column } from "@/components/ui/data-table";

type Invoice = { id: string; customer: string; amount: number; status: string };

const columns: Column<Invoice>[] = [
  { key: "customer", header: "Customer", accessor: (r) => r.customer, sortable: true, primary: true },
  { key: "status", header: "Status", accessor: (r) => r.status, filterable: true },
  { key: "amount", header: "Amount", accessor: (r) => r.amount, sortable: true, align: "right", cell: (r) => `$${r.amount}` },
];

export function Invoices({ data }: { data: Invoice[] }) {
  return <DataTable data={data} columns={columns} getRowId={(r) => r.id} selectable exportName="invoices" />;
}