@inherits ComponentBase

@if (ChildContent != null)
{
        <div class="bg-orange-100 border-l-4 border-orange-500 text-orange-700 p-4 mb-6" role="alert">
        <div class="flex">
            <div class="py-1">
                <svg class="fill-current h-6 w-6 text-orange-500 mr-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
                    <path d="M2.93 17.07A10 10 0 1 1 17.07 2.93 10 10 0 0 1 2.93 17.07zm12.73-1.41A8 8 0 1 0 4.34 4.34a8 8 0 0 0 11.32 11.32zM9 11V9h2v6H9v-4zm0-6h2v2H9V5z"/>
                </svg>
            </div>
            <div>
                @if (!string.IsNullOrEmpty(Title))
                {
                    <p class="font-bold">@Title</p>
                }
                <div class="text-sm">@ChildContent</div>
            </div>
        </div>
    </div>
}

@code {
    /// <summary>
    /// Gets or sets the title to display.
    /// </summary>
    [Parameter]
    public string? Title { get; set; }

    /// <summary>
    /// Gets or sets the child content to display.
    /// </summary>
    [Parameter]
    public RenderFragment? ChildContent { get; set; }
}
