import { ColumnDef } from "@tanstack/react-table";
import { AdminContactRequest } from "../../../../../hooks/features/admin/contact/useContactRequestsFetch";
import { ContactActionsMenu } from "../components/ContactActionsMenu";

export const contactColumns: ColumnDef<AdminContactRequest>[] = [
  {
    accessorKey: "name",
    header: "Name",
    cell: ({ row }) => (
      <span className="font-medium text-slate-900">{row.original.name}</span>
    ),
  },
  {
    accessorKey: "email",
    header: "Email",
    cell: ({ row }) => <span>{row.original.email}</span>,
  },
  {
    accessorKey: "phone",
    header: "Phone Number",
    cell: ({ row }) => <span>{row.original.phone}</span>,
  },
  {
    id: "actions",
    header: "Action",
    enableSorting: false,
    cell: ({ row }) => <ContactActionsMenu contact={row.original} />,
  },
];