<script lang="ts">
  import EncryptButton from './lib/EncryptButton.svelte'
  import PasswordButton from './lib/PasswordButton.svelte';
  import DecryptButton from './lib/DecryptButton.svelte';
  import { errorMessage } from './lib/generalStore';
  import Footer from './lib/Footer.svelte';
    import Disclaimer from './lib/Disclaimer.svelte';

  let errorMessageContent: string;
  errorMessage.subscribe( value => {
    errorMessageContent = value;
  });
</script>

<main>
  <Disclaimer />
  <h1>Encrypt and decrypt files</h1>
  {errorMessageContent}


  <div class="container">
      <EncryptButton />
      <DecryptButton />
  </div>

  <div class="container">
  <PasswordButton />
  </div>


  <p class="read-the-docs">
    You can drag and drop a file on the "Encrypt" Button to encrypt it with a randomly generated password, and decrypt a file encrypted with this tool.
    For more information check out the <a href="https://codeberg.org/jmbit/crypttool/src/branch/main/docs/index.md">Documentation</a>. 
  </p>

  <Footer/>
</main>

<style>
  .read-the-docs {
    color: #888;
  }
</style>