"use client";
import Link from "next/link";
import { ColumnDef } from "@tanstack/react-table";

export const columns: ColumnDef<ProductType>[] = [
  {
    header: "#ID",
    cell: ({ row }) => (
      <Link
        href={`/admin/inventory/variants/${row.original.id}`}
        className="text-primary"
        aria-label={`Go to product details for product with ID ${row.original.id}`}
      >
        {row.original.id}
      </Link>
    ),
  },
  {
    accessorKey: "name",
    header: "NAME",
    cell: ({ row }) => (
      <p>
        <Link href={`/admin/inventory/variants/${row.original.id}`} className="text-primary">
          {row.original.product_name}
        </Link>
      </p>
    ),
  },
  {
    accessorKey: "category",
    header: "Category",
    cell: ({ row }) => (
      <p className="text-primary">
        {row.original.category.name}
      </p>
    ),
  },
  {
    accessorKey: "sub_category",
    header: "Sub Category",
    cell: ({ row }) => (
      <p className="text-primary">
        {row.original.sub_category?.name}
      </p>
    )
  },
  {
    accessorKey: "subSubCategory",
    header: "Sub Sub Category",
    cell: ({ row }) => (
      <p className="text-primary">
        {row.original.sub_sub_category?.name}
      </p>
    )
  },
  {
    accessorKey: "lastUpdate",
    header: "Last Update",
  },
];