<script>
    export let keys;
    let classes = '';
    export {classes as class};
</script>


<span class="inline-flex gap-x-[0.2em] items-center {classes}">
    {#each keys as key, i}
        {#if i > 0}
            <span class="mt-[-0.1em]">+</span>
        {/if}
        <kbd class="normal-case px-1 py-0.5 rounded border border-neutral">{key}</kbd>
    {/each}
</span>
