def default(self, **kwargs):
    template = Template(
        """
      {% load heroicons %}
      {% load svg %}

      <nav class="flex flex-wrap justify-between items-center py-2 px-4 text-sm font-medium bg-gray-100"
           data-controller="toggle">
        <div class="flex flex-shrink-0 items-center mr-6">
          <a href="#" class="text-xl">
            Navbar
          </a>
        </div>

        <div class="block lg:hidden">
          <button type="button" id="sidebar-open"
                  class="flex items-center p-3 text-gray-500 lg:hidden focus:text-gray-700 focus:outline-none"
                  data-action="click->toggle#toggle touch->toggle#toggle">
            <svg class="w-5 h-5 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><title>Menu</title>
              <path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"></path>
            </svg>
          </button>
        </div>

        <div class="hidden flex-grow pb-6 w-full lg:flex lg:pb-0 lg:w-auto" data-toggle-target="toggleable">
          <div class="lg:flex-grow">
            <a class="nav-link active" href="#">Link 1</a>
            <a class="nav-link" href="#">Link 2</a>
            <a class="nav-link" href="#">Docs</a>
            <a class="nav-link" href="#">Pricing</a>
          </div>

          <div>
            <a class="nav-link" href="#">Sign In</a>
            <a class="btn btn-blue" href="#">Sign Up</a>
          </div>
        </div>
      </nav>
    """,
    )

    return template.render(Context({}))