import { usePresenceContext } from '../../services/PresenceService';
import { cn } from '../../lib/utils';

type PresenceDotProps = {
    reference: string;
    showOffline?: boolean;
    className?: string;
};

// Small online/offline indicator keyed by a FHIR reference (e.g. "Practitioner/123").
// Green when online; hidden when offline unless `showOffline` is set (then a muted gray dot).
const PresenceDot = ({ reference, showOffline = false, className }: PresenceDotProps) => {
    const { isOnline } = usePresenceContext();
    const online = isOnline(reference);

    if (!online && !showOffline) {
        return null;
    }

    return (
        <span
            role="img"
            aria-label={online ? 'Online' : 'Offline'}
            title={online ? 'Online' : 'Offline'}
            className={cn(
                'inline-block h-2 w-2 shrink-0 rounded-full',
                online ? 'bg-[var(--success)]' : 'bg-[var(--line)]',
                className,
            )}
        />
    );
};

export default PresenceDot;