<script>
  import { aboutUrl } from '$lib/utils'
</script>

<div
  class="flex flex-wrap justify-between items-center px-3 py-1 text-sm w-full z-10 shadow-md gap-2 font-mono bg-gray-700"
>
  <div class="flex items-center">
    <h1 class="text-xl"><a href="/editor" title="Create a new note">Paste</a></h1>
    <span class="ml-8 text-xs">
      <a href={aboutUrl}>About</a>
      <a class="ml-4" href="https://git.scambier.xyz/scambier/paste" target="_blank">Source</a>
    </span>
  </div>
  <slot />
</div>
