"use client"

import { QuestionDataTable } from "./question-data-table"
import { useQuestionColumns } from "./question-columns"
import type { Question } from "../types"

interface QuestionBankResultsClientProps {
  questions: Question[]
}

/**
 * 题库表格客户端组件。
 *
 * 桥接 Server Component 数据与客户端 Hook（useQuestionColumns）。
 * useQuestionColumns 内部使用 useTranslations，必须在客户端组件中调用。
 */
export function QuestionBankResultsClient({ questions }: QuestionBankResultsClientProps): React.ReactNode {
  const columns = useQuestionColumns()
  return <QuestionDataTable columns={columns} data={questions} getRowId={(q) => q.id} />
}
