@inherits Button

<button type="button"
        href="#"
        @onclick="@OnClick"
        disabled=@Disabled
        style="@StyleList"
        class="@ClassList">
    <div class="@ContentClassList">
        @if (!string.IsNullOrEmpty(Glyph))
        {
            @if (GlyphPosition == Position.Top || GlyphPosition == Position.Bottom)
            {
                <div style="align-items:center">
                    @if (GlyphPosition == Position.Top)
                    {
                        <Glyph SVG="@Glyph" Color="@GlyphColor" />
                    }
                    @ChildContent
                    @if (GlyphPosition == Position.Bottom)
                    {
                        <Glyph SVG="@Glyph" Color="@GlyphColor" />
                    }
                </div>
            }
            @if (GlyphPosition == Position.Left || GlyphPosition == Position.Right)
            {
                <div style="display:flex; align-items:center">
                    @if (GlyphPosition == Position.Left)
                    {
                        <Glyph SVG="@Glyph" Color="@GlyphColor" Class="m-1" />
                    }
                    @ChildContent
                    @if (GlyphPosition == Position.Right)
                    {
                        <Glyph SVG="@Glyph" Color="@GlyphColor" Class="m-1" />
                    }
                </div>
            }
        }
        else
        {
            @ChildContent
        }
    </div>
</button>
