Connection status indicator for real-time collaboration.

Shows one of three states with an icon and tooltip:

• :connected — green cloud-check, "Connected"
• :reconnecting — amber spinning cloud, "Reconnecting..."
• :offline — red cloud-off, "Offline — changes will sync when reconnected"

Examples

<.connection_status status={:connected} />
<.connection_status status={:offline} class="ml-2" />