'use client';

export function StatusDot({ status }: { status: 'online' | 'offline' | 'warning' }) {
  const colors = {
    online: 'bg-[var(--success)]',
    offline: 'bg-[var(--danger)]',
    warning: 'bg-[var(--warning)]',
  };
  return <span className={`inline-block w-2.5 h-2.5 rounded-full pulse-dot ${colors[status]}`} />;
}
