'use client'

/** Shared section header for evidence panes (icon + title + count badge). */
export function PaneHeader({
  icon,
  title,
  count,
}: {
  icon: React.ReactNode
  title: string
  count?: number
}) {
  return (
    <div className="mb-1.5 flex items-center gap-1.5 text-xs font-semibold text-gray-700">
      {icon}
      <span>{title}</span>
      {count != null && (
        <span className="rounded-full bg-gray-100 px-1.5 text-[10px] font-medium text-gray-500">
          {count}
        </span>
      )}
    </div>
  )
}
