<div
  :if={@admin?}
  class="flex flex-row justify-between py-1 px-3 md:mb-2 border-b border-slate-100"
>
  <section class="flex flex-row gap-x-2">
    <div class="pr-2 border-r border-slate-100">
      <.link navigate={~p"/admin"} class="font-bold">admin mode</.link>
    </div>
    <nav>
      <ul class="flex flex-row">
        <.link href={~p"/admin/posts/new"} class="hover:underline">new post</.link>
      </ul>
    </nav>
  </section>

  <section class="flex flex-row">
    <.link href={~p"/admin/session/destroy?return_to=#{@current_path}"} class="hover:underline">
      sign out
    </.link>
  </section>
</div>
<div class="flex flex-col md:flex-row mx-auto max-w-4xl">
  <section class="flex flex-col p-2 gap-y-1 border-slate-100 border-b md:border-b-0">
    <.link href={~p"/"} class="font-bold hover:underline">sloanelybutsurely.com</.link>
    <nav>
      <ul>
        <li><.link href={~p"/posts"} class="hover:underline">writing</.link></li>
      </ul>
    </nav>
  </section>
  <main class="p-2 w-full">
    {@inner_content}
  </main>
</div>
<div
  :if={not @admin?}
  class="fixed right-0 bottom-0 p-2 text-transparent underline hover:text-current"
>
  <.link href={~p"/sign-in?return_to=#{@current_path}"}>sign in</.link>
</div>