/**
 * Menú de acciones para cada fila del DocumentTable
 * Incluye ver y eliminar documento
 */

"use client";

import { FC } from "react";
import Link from "next/link";
import { Documento } from "@/types/document";
import { LuEye, LuTrash2 } from "react-icons/lu";

interface ActionsMenuProps {
  row: { original: Documento };
  onDelete: (doc: Documento) => void;
}

const ActionsMenu: FC<ActionsMenuProps> = ({ row, onDelete }) => {
  return (
    <div className="flex items-center gap-2">
      <Link
        href={`/documents/${row.original.id}`}
        className="p-2 rounded-full hover:bg-blue-100 text-blue-600 cursor-pointer transition-colors"
        title="Ver documento"
      >
        <LuEye size={18} />
      </Link>
      <button
        onClick={() => onDelete(row.original)}
        className="p-2 rounded-full hover:bg-red-100 text-red-600 cursor-pointer transition-colors"
        title="Eliminar documento"
      >
        <LuTrash2 size={18} />
      </button>
    </div>
  );
};

export default ActionsMenu;