text: import { format } from "date-fns";
  
  export const COLUMNS = [
    {
      Header: "No",
      Cell: (row) => {
          return <div>{parseInt(row.row.id) + 1}</div>;
      },
      accessor: "no",
      disableSortBy: true,
      disableFilters: true,
      disableGlobalFilter: true,
    },
    // {
    //   Header: "Id",
    //   Footer: "Id",
    //   accessor: "id",
    //   disableFilters: true,
    //   disableGlobalFilter: true,
    // },
    {
      Header: "First Name",
      Footer: "First Name",
      accessor: "first_name",
    },
    {
      Header: "Last Name",
      Footer: "Last Name",
      accessor: "last_name",
    },
    {
      Header: "Date Of Birth",
      Footer: "Date Of Birth",
      accessor: "date_of_birth",
      // Memformat tanggal menjadi lebih mudah dibaca
      Cell: ({ value }) => format(new Date(value), "dd/MM/yyyy"),
    },
    {
      Header: "Country",
      Footer: "Country",
      accessor: "country",
    },
    {
      Header: "Phone",
      Footer: "Phone",
      accessor: "phone",
    },
  ];
  
  export const GROUP_COLUMS = [
    {
      Header: "Id",
      Footer: "Id",
      accessor: "id",
    },
    {
      Header: "Name",
      Footer: "Name",
      columns: [
        {
          Header: "First Name",
          Footer: "First Name",
          accessor: "first_name",
        },
        {
          Header: "Last Name",
          Footer: "Last Name",
          accessor: "last_name",
        },
      ],
    },
    {
      Header: "Info",
      Footer: "Info",
      columns: [
        {
          Header: "Date Of Birth",
          Footer: "Date Of Birth",
          accessor: "date_of_birth",
        },
        {
          Header: "Country",
          Footer: "Country",
          accessor: "country",
        },
        {
          Header: "Phone",
          Footer: "Phone",
          accessor: "phone",
        },
      ],
    },
  ];
  