@inherits LayoutComponentBase

<nav class="navbar navbar-dark bg-dark navbar-expand-sm p-0">
    <div class="container-fluid ps-1">
        <div class="navbar-brand p-0">
            <Icon Filename="translation.svg" Size="35" AltText="App Icon" />
            <span class="fw-bold">I18N</span> <span class="fs-6">Commander</span>
        </div>
        <button class="navbar-toggler p-0 my-1" type="button" data-bs-toggle="collapse" data-bs-target="#navbarContent" aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation">
            <Icon Filename="nav-toggle.svg" AltText="Toggles menu" Size="35" />
        </button>
        <div class="collapse navbar-collapse" id="navbarContent">
            <ul class="navbar-nav me-auto">
                @foreach (var (text, route, iconFilename) in NavigationTarget.GetAll())
                {
                    <NavItem Text="@text" Route="@route" ShowIcon="@(!string.IsNullOrWhiteSpace(iconFilename))" IconFilename="@iconFilename" />
                }
            </ul>
        </div>
    </div>
</nav>

<div class="container-fluid">
    @Body
</div>