"use client"

import { InfoIcon } from "./info-icon"
import { cn } from "@/lib/utils"

interface ColumnHeaderProps {
  label: string
  tooltip: string
  className?: string
}

export function ColumnHeader({ label, tooltip, className }: ColumnHeaderProps) {
  return (
    <th
      className={cn(
        "px-6 py-3 text-left text-xs font-medium text-gray-700 dark:text-gray-300",
        "uppercase tracking-wider",
        className,
      )}
    >
      <div className="flex items-center gap-1.5">
        <span>{label}</span>
        <InfoIcon content={tooltip} side="top" />
      </div>
    </th>
  )
}
