badge

1<script setup lang="ts">
2import type { HTMLAttributes } from "vue"
3import type { BadgeVariants } from "."
4import { cn } from "@/lib/utils"
5import { badgeVariants } from "."
6 
7const props = defineProps<{
8  variant?: BadgeVariants["variant"]
9  class?: HTMLAttributes["class"]
10}>()
11</script>
12 
13<template>
14  <div :class="cn(badgeVariants({ variant }), props.class)">
15    <slot />
16  </div>
17</template>