@namespace Connected.Components
@inherits UIComponent

<div tabindex="0" @attributes="UserAttributes" class="@Classname" style="@Style" @onclick="@OnClickHandler">
    @if (!String.IsNullOrEmpty(Avatar))
    {
        <Avatar Class="@AvatarClass" Color="@Color">
            <MudIcon Icon="@Avatar" />
        </Avatar>
    }
    else if (!String.IsNullOrEmpty(Icon) && !IsChecked)
    {
        <Icon Icon="@Icon" Class="mud-chip-icon" Size="Size.Small" Color="@IconColor" />
    }
    else if (IsChecked)
    {
        <Icon Icon="@CheckedIcon" Class="mud-chip-icon" Size="Size.Small" />
    }
    <span class="mud-chip-content">
        @if (ChildContent == null)
        {
            @Text
        }
        else
        {
            @ChildContent
        }
        @if (OnClose.HasDelegate || ChipSet?.AllClosable==true)
        {
            <IconButton Class="mud-chip-close-button" Icon="@(String.IsNullOrEmpty(CloseIcon) ? $"{Icons.Material.Filled.Cancel}" : $"{CloseIcon}")" OnClick="OnCloseHandler" Size="Size.Small"/>
        }
    </span>
</div>