// Shared UI primitives

const { useState, useEffect, useRef, useMemo } = React;

function StatusBadge({ status, label }) {
  return (
    <span className={`status ${status}`}>
      <span className="dot" />
      <span>{label || status}</span>
    </span>
  );
}

function RegionTag({ region }) {
  return <span className={`tag ${region.toLowerCase()}`}>{region}</span>;
}

Object.assign(window, { StatusBadge, RegionTag });