"use client";

import { DataTable } from "@/components/admin/data-table";
import { formatTimestamp } from "@/lib/admin-helpers";
import type { DataTableColumn, PaginatedResult } from "@/types";

interface CommandLogRow {
  id: number;
  username: string;
  command: string;
  params: string;
  timestamp: number;
}

const columns: DataTableColumn<CommandLogRow>[] = [
  { key: "id", label: "ID", sortable: true },
  { key: "username", label: "User" },
  { key: "command", label: "Command", sortable: true },
  {
    key: "params",
    label: "Params",
    render: (value) => (
      <span className="max-w-[200px] truncate block font-mono text-sm">{String(value) || "-"}</span>
    ),
  },
  {
    key: "timestamp",
    label: "Time",
    sortable: true,
    render: (value) => <span>{formatTimestamp(Number(value))}</span>,
  },
];

interface CommandsTableProps {
  data: PaginatedResult<CommandLogRow>;
}

export function CommandsTable({ data }: CommandsTableProps) {
  return (
    <DataTable
      data={data}
      columns={columns}
      searchPlaceholder="Search by username, command, or params..."
      exportUrl="/api/admin/export?type=commands"
    />
  );
}