<script>
  import { Styles, Tooltip } from 'sveltestrap'
  import Tipped from './Tipped.svelte'
</script>

<header>
  <div class="text-center p-1" style="background-color: #e0e5ff">
    <h1>lnurl-pay generator</h1>
    <p>Create lnurl-pay code for sending fiat money to various destinations from Bitcoin Lightning Network.
    </p>
  </div>
  <div class="container-fluid d-flex">
    <div class="nav ms-auto">
      <div class="nav-item">
	<Tipped let:id>
	  <a slot="thing" {id} class="nav-link"
	     href="https://twitter.com/LNURL_pay_me">News</a>
	  <div slot="tip">project twitter</div>
	</Tipped>
      </div>
      <div class="nav-item">
	<Tipped let:id>
	  <a slot="thing" {id} class="nav-link"
	     href="https://t.me/lntorubbot_dev">Support</a>
	  <div slot="tip">telegram discussion group</div>
	</Tipped>
      </div>
      <div class="nav-item">
	<Tipped let:id>
	  <a slot="thing" {id}
	     class="nav-link" href="https://teletype.in/@lnurl-pay.me/SSUzJFa0njT">
	    About
	  </a>
	  <div slot="tip">short intro</div>
	</Tipped>
      </div>
    </div>
  </div>
</header>
