@namespace Connected.Components

@inherits UIComponent

<div role="alert" class="@CompiledClassList" @attributes="CustomAttributes" @onclick="Clicked">
	<div name="alert-content" class="alert-content">

		@if (GlyphVisible)
		{
			<div class="alert-icon alert-icon-left">
				<Icon Glyph="@Glyph" />
			</div>
		}

		<div class="alert-message">
			@ChildContent
		</div>
	</div>

	@if (CloseGlyphVisible)
	{
		<div class="alert-close">
			<GlyphButton ClassList="size-small" Glyph="@CloseGlyph" Clicked="OnCloseGlyphClick" />
		</div>
	}
</div>