/** PettyBadge — display-only status indicator with variant support. */
export class PettyBadge extends HTMLElement {
  static observedAttributes = ["variant"];

  get variant(): string {
    return this.getAttribute("variant") ?? "default";
  }

  connectedCallback(): void {
    this.dataset.variant = this.variant;
    this.dataset.part = "badge";
  }

  attributeChangedCallback(): void {
    this.dataset.variant = this.variant;
  }
}