@use config::cfg::APPNAME;

@()
<header>
  <div class="uk-navbar-container tm-navbar-container uk-sticky" data-uk-navbar>
    <div class="uk-navbar-left">
      <a class="uk-navbar-item uk-logo" href="/"><span data-uk-icon="icon: database; ratio: 1.6"></a>
      <a class="uk-navbar-item uk-logo uk-margin-remove uk-padding-remove" href="/">@APPNAME</a>
    </div>
    <div class="uk-navbar-right">
      <ul class="uk-navbar-nav">
        <li>
          <a href="#">
            <span class="uk-icon uk-margin-small-right" data-uk-icon="icon: star"></span>
            Features
          </a>
        </li>
      </ul>
      <div class="uk-navbar-item">
        <form action="javascript:void(0)">
          <input class="uk-input uk-form-width-small" type="text" placeholder="Input">
          <button class="uk-button uk-button-default"><span data-uk-icon="icon: search"></span></button>
        </form>
      </div>
    </div>
</header>