<script lang="ts">
import { fade } from 'svelte/transition';
import { notesTokens } from './stores';
</script>

{#if $notesTokens}
  <section transition:fade>
    <h2>Tokenized notes</h2>
    <p>{$notesTokens}</p>
  </section>
{/if}

<style>
section {
  border: 2px solid hsl(0 0% 80%);
  border-radius: 0.375rem;
  padding: 1rem;
}

p {
  font-size: 0.75rem;
}
</style>