@namespace Connected.Components
@inherits UIComponent

@if (_screenBreakpoint.ToString().ToLower() != "xs")
{
    <aside @onmouseenter="OnMouseEnter" @onmouseleave="OnMouseLeave" @attributes="CustomAttributes" class="@CompiledClassList.Build()" style="@CompiledStyleList.Build()">
    <div @ref="_contentRef" class="drawer-content">
        <CascadingValue Value="this" IsFixed="true">
            @ChildContent
        </CascadingValue>
    </div>
    
    </aside>
    <Overlay Visible="@OverlayVisible" OnClick="@CloseDrawer" Class="@CompiledOverlayClass.Build()" DarkBackground="true" LockScroll=false />
} else {
    <Tabs>
        <CascadingValue Value="this" IsFixed="true">
            @ChildContent
        </CascadingValue>
    </Tabs>
    
}