<script setup lang="ts">
import type { HTMLAttributes } from "vue"
import { cn } from "@/lib/utils"

export interface CommandShortcutProps {
  class?: HTMLAttributes["class"]
}

const props = defineProps<CommandShortcutProps>()
</script>

<template>
  <span
    :class="
      cn('ml-auto text-xs tracking-widest text-muted-foreground', props.class)
    "
  >
    <slot />
  </span>
</template>
