src/app/packages/columns.tsx

"use client"

import { ColumnDef } from "@tanstack/react-table"
import { MoreHorizontal } from "lucide-react"
import axios from "axios";
import { AxiosError } from 'axios'; // Import AxiosError type
import { Button } from "@/components/ui/button"
import SnackbarContent from '@mui/material/SnackbarContent';
import React, { useState } from 'react';
import { useRouter } from "next/navigation";
import toast, { Toaster } from 'react-hot-toast';
import Action from "../../hooks/ActionAllPackages";
import {
  DropdownMenu,
  DropdownMenuContent,
  DropdownMenuItem,
  DropdownMenuLabel,
  DropdownMenuSeparator,
  DropdownMenuTrigger,
} from "@/components/ui/dropdown-menu"

// This type is used to define the shape of our data.
// You can use a Zod schema here if you want.
export type Payment = {
  id: string
  name: string
}


export const columns: ColumnDef<Payment>[] = [
  {
    accessorKey: "id",
    header: "Package ID",
  },
  {
    accessorKey: "name",
    header: "Package name",
  },
  {
    id: "actions",
    header: "Actions",
    cell: ({ row }) => {
      const paket = row.original
      return (
        <Action paket={paket} />
      )
    },
  },
]