PingDot

Renders an animated green dot to indicate live or active status, commonly used for real-time presence indicators.

// Source: https://github.com/mperkins0155/magicui | License: MIT | Copyright Magic UI
// Provided via justclaw.it.com; keep this notice with the code.
export function PingDot() {
  return (
    <div className="relative inline-flex">
      <span className="absolute size-2 animate-ping rounded-full bg-green-500 opacity-75"></span>
      <span className="relative inline-flex size-2 rounded-full bg-green-500"></span>
    </div>
  )
}