{#if result}

availability:
the note is not guaranteed to be stored as everything is kept in ram, if it fills up the oldest notes will be removed.
(you probably will be fine, just be warned.)

{:else}

<div class="bottom">
				<Switch label="advanced" bind:value={advanced} />
				<Button type="submit" data-testid="button-create">create</Button>
			</div>

{#if error}
				<div class="error-text">{error}</div>
			{/if}

<p>
				<br />
				{#if loading}
					loading...
				{:else}
					{message}
				{/if}
			</p>

.middle-switch {
		margin: 0 1rem;
	}

.advanced {
		max-height: 14em;
		overflow: hidden;
		transition: var(--ui-anim);
	}

.advanced.hidden {
		max-height: 0;
	}

.error-text {
		margin-top: 0.5rem;
	}
</style>