import * as Cell from "@/app/[lang]/(pages)/(authenticated)/users/components/table/cells";
import * as Header from "@/app/[lang]/(pages)/(authenticated)/users/components/table/headers";

export default function getUserColumns(dict: Dictionary) {
  return [
    {
      id: "name",
      className: "w-[150px]",
      header: () => <Header.User {...{ dict }} />,
      cell: ({ row }) => <Cell.User {...{ row }} />,
    },
    {
      id: "email",
      className: "w-[200px] md:w-[300px] lg:w-[400px] xl:w-[600px] 2xl:w-[700px]",
      header: () => <Header.Email {...{ dict }} />,
      cell: ({ row }) => <Cell.Email {...{ row }} />,
    },
    {
      id: "blank",
      className: "w-0 grow !p-0",
      header: () => undefined,
      cell: () => undefined,
    },
    {
      id: "createdAt",
      className: "w-[200px]",
      header: () => <Header.CreatedAt {...{ dict }} />,
      cell: ({ row }) => <Cell.CreatedAt {...{ row }} />,
    },
    {
      id: "updatedAt",
      className: "w-[200px]",
      header: () => <Header.UpdatedAt {...{ dict }} />,
      cell: ({ row }) => <Cell.UpdatedAt {...{ row }} />,
    },
    {
      id: "actions",
      className: "w-[100px]",
      header: () => <Header.Actions />,
      cell: ({ row }) => <Cell.Actions {...{ row }} />,
    },
  ];
}
