Chat.razor

<button type="button" class="[ bg-cyan-500 ] [ text-white ] [ px-4 py-2 ] [ inline-block ] [ rounded-md ] [ inline-flex ] [ space-x-1 ]" @onclick="ConnectToAgent">
    <p class="[ text-white ]">Click to initiate chat with agent</p>
    <svg xmlns="http://www.w3.org/2000/svg" class="[ icon icon-tabler icon-tabler-message-circle-2 ] [ text-white ]" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
        <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
        <path d="M3 20l1.3 -3.9a9 8 0 1 1 3.4 2.9l-4.7 1"></path>
        <line x1="12" y1="12" x2="12" y2="12.01"></line>
        <line x1="8" y1="12" x2="8" y2="12.01"></line>
        <line x1="16" y1="12" x2="16" y2="12.01"></line>
    </svg>
</button>

@code {
    protected void ConnectToAgent() 
    {
        throw new Exception();
    }
}