<script lang="ts">
  import Link from "@lib/components2/Link.svelte"
  import Button from "@lib/components2/Button.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 Text from "@lib/components2/Text.svelte"

  const back = () => history.back()
</script>

<Modal
  ><ModalBody>
    <ModalHeader>
      <ModalTitle>What are digital signatures?</ModalTitle>
    </ModalHeader>
    <Text>
      Most online services ask their users to trust them that they're being honest, and they usually
      are. However, traditional social media platforms have the ability to <strong
        >create forged content</strong> that can appear to be genuinely authored, but which are actually
      counterfeit.
    </Text>
    <Text>
      On <Link external styled href="https://nostr.com/">Nostr</Link>, all your content is authenticated
      using <strong>digital signatures</strong>, which cryptographically tie a particular person to
      a given post or message.
    </Text>
    <Text>
      The result is that you don't normally have to trust service providers not to tamper with the
      information flowing through the network — instead, your client software can prove that a given
      piece of data is authentic.
    </Text>
    <Button variant="primary" onclick={back}>Got it</Button>
  </ModalBody></Modal>
