import { cn } from "../../lib/utils";
import { initialsOf } from "./org-badge.tsx";

/**
 * A PERSON'S MARK: two initials on the shared ak-avatar ground, primary ink on blue-soft.
 *
 * The approved collaboration-team deck leads every member row with one, so a roster reads as people
 * rather than a column of identical icons. A practice's mark is a filled disc (OrgBadge), so a person
 * and a practice on one row stay distinct by their drawing. The INITIALS rule is shared with OrgBadge.
 */
export type PersonBadgeSize = "sm" | "md" | "header" | "lg";

export const PersonBadge = ({ name, size = "sm", className }: { name: string; size?: PersonBadgeSize; className?: string }) => (
  <span
    aria-hidden="true"
    className={cn("ak-avatar", size !== "md" && `ak-avatar--${size}`, className)}
  >
    {initialsOf(name)}
  </span>
);

export default PersonBadge;