"use client";
import { ColumnDef } from "@tanstack/react-table";
import { ArrowUpDown } from "lucide-react";
import { Button } from "@/components/ui/button";
import Link from "next/link";

export const columns: ColumnDef<DeliveryCostType>[] = [
  {
    accessorKey: "serial",
    header: "#ID",
    cell: ({ row }) => <p>{row.index + 1}</p>,
  },
  {
    accessorKey: "shipping_zone",
    header: "shipping_zone",
    cell: ({ row }) => (

      <Link
        href={`/admin/deliveryCost/${row?.original?.uuid}`}
        className="text-primary"
      >
        <p>{row?.original?.shipping_zone}</p>
      </Link>
    ),
  },

{
    accessorKey: "city",
    header: "city",
    cell: ({ row }) => (
        <p>{row?.original?.city}</p>
    ),
  },
  {
    accessorKey: "district",
    header: "district",
    cell: ({ row }) => (
        <p>{row?.original?.district}</p>
    ),
  },
  {
    accessorKey: "division",
    header: "division",
    cell: ({ row }) => (
        <p>{row?.original?.division}</p>
    ),
  },

  {
    accessorKey: "post code",
    header: "post code",
    cell: ({ row }) => (
        <p>{row?.original?.post_code}</p>
    ),
  },
  {
    accessorKey: "delivery cost",
    header: "delivery cost",
    cell: ({ row }) => (
        <p>{row?.original?.delivery_cost}</p>
    ),
  },
  

];