<script>
import theme from "#build/b24ui/prose/kbd";
</script>

<script setup>
import { computed } from "vue";
import { useAppConfig } from "#imports";
import { tv } from "../../utils/tv";
import B24Kbd from "../Kbd.vue";
const props = defineProps({
  value: { type: String, required: true },
  class: { type: null, required: false }
});
const appConfig = useAppConfig();
const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.kbd || {} }));
</script>

<template>
  <B24Kbd :value="value" :class="b24ui({ class: props.class })" />
</template>
