<div class="Connection @(ShowWarning ? "Show" : "Hide") @(IsNetworkAvailable? ServicesIsDown ? "ServicesIsDown" : "SystemOk" : "NetworkKo")">
    @if (IsNetworkAvailable)
    {
        if(ServicesIsDown)
        {
            <i class="ri-cloud-off-fill"></i>
            <span>Servizi offline</span>
        }
        else
        {
            <i class="ri-cloud-fill"></i>
            <span>Online</span>
        }
    }
    else
    {
        <i class="ri-wifi-off-line"></i>
        <span>Nessuna connessione</span>
    }
</div>

@code{
    [Parameter] public bool IsNetworkAvailable { get; set; }
    [Parameter] public bool ServicesIsDown { get; set; }
    [Parameter] public bool ShowWarning { get; set; }
}