<script setup lang="ts">
import Kbd from './Kbd.vue';
</script>

<template>
    <Story title="UI/Kbd">
        <Variant title="Light"><Kbd>⌘K</Kbd> <Kbd>Esc</Kbd> <Kbd>/</Kbd></Variant>
        <Variant title="Dark (sidebar)">
            <div style="background: #012019; padding: 14px; border-radius: 8px"><Kbd dark>⌘K</Kbd></div>
        </Variant>
    </Story>
</template>
