"use client";

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

interface ChatLogRow {
  id: number;
  username: string;
  message: string;
  timestamp: number;
  roomId: number;
}

const columns: DataTableColumn<ChatLogRow>[] = [
  { key: "id", label: "ID", sortable: true },
  { key: "username", label: "User" },
  {
    key: "message",
    label: "Message",
    render: (value) => <span className="max-w-[300px] truncate block">{String(value)}</span>,
  },
  {
    key: "timestamp",
    label: "Time",
    sortable: true,
    render: (value) => <span>{formatTimestamp(Number(value))}</span>,
  },
  { key: "roomId", label: "Room ID", sortable: true },
];

interface ChatTableProps {
  data: PaginatedResult<ChatLogRow>;
}

export function ChatTable({ data }: ChatTableProps) {
  return (
    <DataTable
      data={data}
      columns={columns}
      searchPlaceholder="Search by username or message..."
      exportUrl="/api/admin/export?type=chatlogs"
    />
  );
}