@inherits DComponentBase

@* daisyUI Phone mockup: https://daisyui.com/components/mockup-phone/ . ChildContent fills the display. *@
<div @attributes="AdditionalAttributes" class="@CssClass">
	<div class="mockup-phone-camera"></div>
	<div class="@Cx("mockup-phone-display", DisplayClass)">
		@ChildContent
	</div>
</div>

@code {
	[Parameter] public RenderFragment ChildContent { get; set; }
	[Parameter] public string DisplayClass { get; set; }

	string CssClass => Cx("mockup-phone", Class);
}