label

1<script setup lang="ts">
2import type { LabelProps } from "reka-ui"
3import type { HTMLAttributes } from "vue"
4import { reactiveOmit } from "@vueuse/core"
5import { Label } from "reka-ui"
6import { cn } from "@/lib/utils"
7 
8const props = defineProps<LabelProps & { class?: HTMLAttributes["class"] }>()
9 
10const delegatedProps = reactiveOmit(props, "class")
11</script>
12 
13<template>
14  <Label
15    v-bind="delegatedProps"
16    :class="
17      cn(
18        'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',
19        props.class,
20      )
21    "
22  >
23    <slot />
24  </Label>
25</template>