/**
 * Completeness dots: one dot per data domain, filled when the entity has ≥1 record in it.
 * Domains: taxonomy, epidemiology, survival, genomics, evidence, drugs, trials, literature.
 */
export const COMPLETENESS_DOMAINS = ['taxonomy', 'epidemiology', 'survival', 'genomics', 'evidence', 'drugs', 'trials', 'literature'] as const;

export function CompletenessDots({ filled, className = '' }: { filled: Record<string, boolean | number>; className?: string }) {
  const on = COMPLETENESS_DOMAINS.filter((d) => Boolean(filled[d]));
  return (
    <span className={`ci-dots ${className}`} role="img" aria-label={`Data completeness: ${on.length} of ${COMPLETENESS_DOMAINS.length} domains — ${on.join(', ') || 'none'}`} title={COMPLETENESS_DOMAINS.map((d) => `${filled[d] ? '●' : '○'} ${d}`).join('  ')}>
      {COMPLETENESS_DOMAINS.map((d) => (
        <span key={d} className={`ci-dot ${filled[d] ? 'on' : ''}`} />
      ))}
    </span>
  );
}