@using Iceshrimp.Frontend.Components
@using Iceshrimp.Assets.PhosphorIcons
<div class="sidebar">
    <div class="header">
        <account-dropdown />
    </div>
    <div class="nav">
        <div class="sidebar-btn">
            <NavLink href="/">
                <Icon Name="Icons.House" />
                <span class="text">Timeline</span>
            </NavLink>
        </div>
        <div class="sidebar-btn">
            <NavLink href="/notifications">
                <Icon Name="Icons.Bell"/>
                <span class="text">Notifications</span>
            </NavLink>
        </div>
    </div>
    <hr/>
    <button class="sidebar-btn" @onclick="Open">Open</button>
</div>

<div class="bottom-bar">
    <div class="nav">
        <button class="sidebar-btn">
            <Icon Name="Icons.List" /> 
        </button>
        <div class="sidebar-btn">
            <NavLink href="/">
                <Icon Name="Icons.House"/>
                <span class="text">Timeline</span>
            </NavLink>
        </div>
        <div class="sidebar-btn">
            <NavLink href="/notifications">
                <Icon Name="Icons.Bell"/>
                <span class="text">Notifications</span>
            </NavLink>
        </div>
        <div>
            <button @onclick="Open" class="sidebar-btn">
                <Icon Name="Icons.Pencil"/>
                <span class="text">Open!</span>
            </button>
        </div>
    </div>
    
</div>

<Compose @ref="_compose"/>
@code {
    private Compose _compose;

    private void Open()
    {
        Console.WriteLine("open pressed");
        _compose.OpenDialog();
    }

}