{#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}

Easily send fully encrypted, secure notes or files with one click. Just create a note and share the link.

{#if file} (note.contents = f.detail)} /> {:else}

{/if}

<div class="bottom">
				<Switch class="file" label="file" bind:value={file} />
				<Switch label="advanced" bind:value={advanced} />
				<div class="grow" />
				<div class="tr">
					<small>max: <MaxSize /> </small>
					<br />
					<Button type="submit" data-testid="button-create">create</Button>
				</div>
			</div>

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

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

{#if advanced}
				<div transition:blur={{ duration: 250 }}>
					<br />
					<div class="fields">
						<TextInput
							type="number"
							label="views"
							bind:value={note.views}
							disabled={type}
							max={100}
						/>
						<div class="middle-switch">
							<Switch label="mode" bind:value={type} color={false} />
						</div>
						<TextInput
							type="number"
							label="minutes"
							bind:value={note.expiration}
							disabled={!type}
							max={360}
						/>
					</div>
				</div>
			{/if}
		</fieldset>
	</form>
{/if}

.bottom :global(.file) {
		margin-right: 0.5rem;
	}

.grow {
		flex: 1;
	}

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

.error-text {
		margin-top: 0.5rem;
	}

.fields {
		display: flex;
	}
</style>