<script lang="ts">
  import Button from "@lib/components2/Button.svelte"
  import Link from "@lib/components2/Link.svelte"
  import Text from "@lib/components2/Text.svelte"
  import Modal from "@lib/components2/Modal.svelte"
  import ModalBody from "@lib/components2/ModalBody.svelte"
  import ModalHeader from "@lib/components2/ModalHeader.svelte"
  import ModalTitle from "@lib/components2/ModalTitle.svelte"
  import {PLATFORM_NAME} from "@app/env"
</script>

<Modal>
  <ModalBody>
    <ModalHeader>
      <ModalTitle>What is a nostr address?</ModalTitle>
    </ModalHeader>
    <Text>
      {PLATFORM_NAME} hosts spaces on the <Link external styled href="https://nostr.com/"
        >Nostr protocol</Link
      >. Nostr uses "nostr addresses" to make it easier for people to find you, without having to
      memorize your public key (your user id).
    </Text>
    <Text>
      There are several providers of nostr addresses, including several clients. You can find a list
      and more information on <Link external styled href="https://nostr.how/en/guides/get-verified"
        >nostr.how</Link
      >.
    </Text>
    <Button variant="primary" onclick={() => history.back()}>Got it</Button>
  </ModalBody>
</Modal>
