@namespace BootstrapBlazor.Components
@inherits BootstrapModuleComponentBase
@attribute [BootstrapModuleAutoLoader(JSObjectReference = true)]

<div @attributes="@AdditionalAttributes" id="@Id" class="@ClassString" role="alert" aria-live="assertive" aria-atomic="true" data-bs-autohide="@AutoHide" data-bs-animation="@AnimationString" data-bs-delay="@DelayString" style="@StyleString">
    @if (Options.ShowHeader)
    {
        <div class="toast-header">
            @if (Options.HeaderTemplate != null)
            {
                @Options.HeaderTemplate
            }
            else
            {
                <div class="@IconBarString">
                    <i class="@IconString"></i>
                </div>
                <strong class="me-auto">@Options.Title</strong>
            }
            @if (Options.ShowClose)
            {
                <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
            }
        </div>
    }
    <div class="toast-body">
        <CascadingValue Value="Close" IsFixed="true">
            @if (Options.ChildContent != null)
            {
                @Options.ChildContent
            }
            else if (!string.IsNullOrEmpty(Options.Content))
            {
                @((MarkupString)Options.Content)
            }
        </CascadingValue>
    </div>
    <div class="@ProgressClass"></div>
</div>
