@namespace WebApp.Components.Shared.Components

<MudStack Row="true" Spacing="0" AlignItems="AlignItems.Center" 
          Style="position: relative; display: inline-flex;" 
          Class="@WrapperClass"
          @onmouseenter="@(() => _isHovered = true)"
          @onmouseleave="@(() => _isHovered = false)">
    <MudChip T="string" 
             Size="@Size" 
             Color="@Color" 
             Variant="@Variant"
             Style="@Style"
             Class="@Class">
        <MudStack Row="true" Spacing="1" AlignItems="AlignItems.Center">
            @ChildContent
            @if (_isHovered && ControlContent != null)
            {
                @ControlContent
            }
        </MudStack>
    </MudChip>
</MudStack>

@code {
    [Parameter]
    public required RenderFragment ChildContent { get; set; }

    [Parameter]
    public RenderFragment? ControlContent { get; set; }

    [Parameter]
    public Size Size { get; set; } = Size.Small;

    [Parameter]
    public Color Color { get; set; } = Color.Default;

    [Parameter]
    public Variant Variant { get; set; } = Variant.Text;

    [Parameter]
    public string? Style { get; set; }

    [Parameter]
    public string? Class { get; set; }

    [Parameter]
    public string? WrapperClass { get; set; }

    private bool _isHovered = false;
}