import { MobileKeyboard, Gif } from 'svelte-tenor'

let gif

</script>

<MobileKeyboard

key="LIVDSRZULELA"

autofocus={false}

on:click={({ detail }) => {

gif = detail

}}

/>

{#if gif !== undefined}

<p><Gif {gif}/></p>

<pre>{JSON.stringify(gif, null, 2)}</pre>

{:else}

<p>Click on a GIF above</p>

{/if}

<p>

<a href="https://gauben.github.io/svelte-tenor/storybook/?path=/story/keyboards-mobilekeyboard--mobilekeyboard">📓 Read more about MobileKeyboard</a>

</p>

<p>

<strong>Note:</strong> the REPL has an infinite loop guard that triggers when Tenor takes too long to respond. The storybook linked above does not have this bug.

</p>