@namespace Lumeo

<button class="@CssClass" @onclick="OnClick" @attributes="AdditionalAttributes">
    @Label
</button>

@code {
    [Parameter] public string? Label { get; set; }
    [Parameter] public EventCallback OnClick { get; set; }
    [Parameter] public string? Class { get; set; }
    [Parameter(CaptureUnmatchedValues = true)] public Dictionary<string, object>? AdditionalAttributes { get; set; }

    private string CssClass => $"inline-flex h-8 shrink-0 items-center justify-center rounded-md border border-transparent bg-primary px-3 text-sm font-medium text-primary-foreground transition-colors hover:opacity-90 focus:outline-none focus:ring-1 focus:ring-ring {Class}".Trim();
}
