import { cn } from "../../lib/cn";

export function PresenceIndicator({
  status = "online",
}: {
  status?: "online" | "offline" | "busy";
}) {
  return (
    <span
      className={cn(
        "inline-flex h-3 w-3 rounded-full border border-[var(--uhuru-surface-default)]",
        status === "online"
          ? "bg-[var(--uhuru-success-text)]"
          : status === "busy"
            ? "bg-[var(--uhuru-warning-text)]"
            : "bg-[var(--uhuru-text-disabled)]",
      )}
    />
  );
}