"use client";

import { GridColDef } from "@mui/x-data-grid-pro";
import { List } from "@/app/_components/List";

export default function Page() {
  const columns: GridColDef[] = [
    {
      field: "id",
      headerName: "ID",
      flex: 1,
    },
    {
      field: "phoneNumber",
      headerName: "Phone Number",
      flex: 2,
    },
    {
      field: "createdAt",
      headerName: "Created At",
      valueGetter: (params: any) =>
        new Date(params.row?.createdAt).toLocaleString(),
      flex: 1,
    },
    {
      field: "updatedAt",
      headerName: "Updated At",
      valueGetter: (params: any) =>
        new Date(params.row?.updatedAt).toLocaleString(),
      flex: 1,
    },
  ];

  const rows = [
    {
      id: 10,
      phoneNumber: "1234567890",
      createdAt: new Date(),
      updatedAt: new Date(),
    },
  ];

  return (
    <List title="Facebook" entity="facebook" rows={rows} columns={columns} />
  );
}