{#each Array(Math.max(value.length, 4)) as _, i (i)}
{/each}
{#if error}
{error}
{/if}
{#each KEYS as key (key)} {#if key === ""}
{:else}
press(key)} {disabled} class="w-18 h-18 min-w-[4.5rem] min-h-[4.5rem] rounded-full bg-[var(--color-surface)] hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-[var(--color-jellyfin)] disabled:opacity-40 disabled:cursor-not-allowed text-2xl font-light transition-colors" aria-label={key === "⌫" ? "Delete" : key} > {key}
{/if} {/each}
Cancel
onsubmit(value)} disabled={disabled || value.length < 4} class="flex-1 py-3 rounded-lg bg-[var(--color-jellyfin)] hover:bg-[var(--color-jellyfin-dark)] disabled:opacity-50 disabled:cursor-not-allowed font-medium transition-colors" > Unlock