import { BuildTable } from "@/components/blocks/Table/table";
import type { Membership } from "@/lib/features/memberships/models";
import { Stack, Title } from "@mantine/core";
import type { MRT_ColumnDef } from "mantine-react-table";

const columns: MRT_ColumnDef<Membership>[] = [
  {
    accessorKey: "id",
    header: "ID",
  },
  {
    accessorKey: "name",
    header: "Membership Name",
  },
  {
    accessorKey: "ext_account_type_id",
    header: "Account Type ID",
  },
  // {
  //   accessorFn: (row) => {
  //     return moment(row).format("LLL");
  //   },
  //   id: "created_at",
  //   header: "Created At",
  // },
];
const MembershipsClientPage: React.FC<{
  tableProps: { data: Membership[]; totalRows: number };
}> = ({ tableProps }) => {
  return (
    <Stack>
      <Title order={6}>All Memberships</Title>
      <BuildTable
        data={tableProps.data}
        columns={columns}
        totalRows={tableProps.totalRows}
      />
    </Stack>
  );
};

export default MembershipsClientPage;