@inherits DComponentBase

@* daisyUI Chat bubble: https://daisyui.com/components/chat/ . The message of a DChat; one per DChat, since daisyUI
   places every bubble in the same grid cell. *@
<div @attributes="AdditionalAttributes" class="@CssClass">
	@ChildContent
</div>

@code {
	[Parameter] public RenderFragment ChildContent { get; set; }
	[Parameter] public DColor Color { get; set; }

	string CssClass => Cx("chat-bubble", ColorClass, Class);

	string ColorClass => Color switch
	{
		DColor.Neutral => "chat-bubble-neutral",
		DColor.Primary => "chat-bubble-primary",
		DColor.Secondary => "chat-bubble-secondary",
		DColor.Accent => "chat-bubble-accent",
		DColor.Info => "chat-bubble-info",
		DColor.Success => "chat-bubble-success",
		DColor.Warning => "chat-bubble-warning",
		DColor.Error => "chat-bubble-error",
		_ => null
	};
}