"use client";

import { ColumnDef } from "@tanstack/react-table";
import Link from "next/link";
import { DataTable } from "@/components/admin/custom ui/DataTable";

export const columns: ColumnDef<RecentSalesData>[] = [
  {
    accessorKey: "id",
    header: "ID",
  },
  {
    accessorKey: "product",
    header: "Product",
    cell: ({ row }) => (
      <Link href={`/admin/orders/${row.original.id}`} className="text-primary">
        <p>{row.original.product}</p>
      </Link>
    ),
  },
  {
    accessorKey: "amount",
    header: "Amount",
  },
  {
    accessorKey: "quantity",
    header: "Quantity",
  },
  {
    accessorKey: "status",
    header: "Status",
  },
];

interface RecentSalesProps {
  data: RecentSalesData[];
}

const RecentSales = ({ data }: RecentSalesProps) => {
  console.log(data);
  return (
    <div className="w-full">
      <DataTable
        data={data}
        columns={columns}
        searchKey="product"
        pagination={4}
      />
    </div>
  );
};


export default RecentSales;