"use client";
import { ColumnDef } from "@tanstack/react-table";
import { DataTable } from "@/components/admin/custom ui/DataTable";

const data: WishLists[] = [
  {
    id: "1",
    product: "Laptop Dell",
    user: "John Doe",
    created_on: "2021-09-12",
  },
  {
    id: "2",
    product: "PlayStation",
    user: "John Doe",
    created_on: "2021-09-14",
  },
  {
    id: "3",
    product: "Mobile Samsung Galaxy S23",
    user: "Me",
    created_on: "2021-09-15",
  },
  {
    id: "4",
    product: "Gaming PC",
    user: "You",
    created_on: "2021-09-16",
  },
  {
    id: "5",
    product: "Mac",
    user: "Jon",
    created_on: "2021-09-17",
  },
  {
    id: "6",
    product: "Smart Watch",
    user: "Nash",
    created_on: "2021-09-18",
  },
];

type WishLists = {
  id: string;
  product: string;
  user: string;
  created_on: string;
};

export const columns: ColumnDef<WishLists>[] = [
  {
    accessorKey: "id",
    header: "ID",
  },
  {
    accessorKey: "product",
    header: "Product",
  },
  {
    accessorKey: "user",
    header: "User_Name",
  },
  {
    accessorKey: "created_on",
    header: "Created_On",
  }
];

const UserWishlist = () => {
  return (
    <div className="w-full">
      <DataTable
        data={data}
        columns={columns}
        searchKey="product"
        pagination={6}
      ></DataTable>
    </div>
  );
};

export default UserWishlist;