import type { FacilityStatus } from "@dci/core";
import { STATUS_LABEL, STATUS_TONE, statusVar, type StatusTone } from "@/lib/labels";
import { cn } from "./cn";

export interface StatusDotProps {
  status: FacilityStatus | StatusTone;
  size?: number;
  className?: string;
  /** hollow ring (imprecise location / rumored) */
  hollow?: boolean;
  title?: string;
}

/** Dot colored by status tone; rumored is dotted, hollow renders as a ring. */
export function StatusDot({ status, size = 8, className, hollow, title }: StatusDotProps) {
  const tone: StatusTone = (status in STATUS_TONE ? STATUS_TONE[status as FacilityStatus] : status) as StatusTone;
  const color = statusVar(tone);
  const dotted = tone === "rumored";
  const ring = hollow || dotted;
  return (
    <span
      role="img"
      aria-label={title ?? (status in STATUS_LABEL ? STATUS_LABEL[status as FacilityStatus] : status)}
      title={title}
      className={cn("inline-block shrink-0 rounded-full", className)}
      style={{
        width: size,
        height: size,
        background: ring ? "transparent" : color,
        border: ring ? `${Math.max(1.5, size / 5)}px ${dotted ? "dotted" : "solid"} ${color}` : undefined,
        boxSizing: "border-box",
      }}
    />
  );
}