'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"
    />
  )
}