@code {
    public int Type { get; set; }
}


@switch (Type)
{
    default:
        <div class="container">
            <h2>Simple Web Chat</h2>
            <div class="row m-2">
                <div class="col-12">
                    <button @onclick="@(()=>Type=1)" class="btn btn-primary">Text chat</button>
                    <button @onclick="@(()=>Type=2)" class="btn btn-primary">Voice chat</button>
                    <button @onclick="@(()=>Type=3)" class="btn btn-primary">Voice meeting</button>
                </div>
            </div>
        </div>
        break;
    case 1:
        <TextChat></TextChat>
        break;
    case 2:
        <VoiceChat></VoiceChat>
        break;
    case 3:
        <VoiceMeeting></VoiceMeeting>
        break;
}