Files
VRCX/src/components/ui/context-menu/ContextMenuLabel.vue

31 lines
730 B
Vue

<script setup>
import { reactiveOmit } from "@vueuse/core";
import { ContextMenuLabel } from "reka-ui";
import { cn } from "@/lib/utils";
const props = defineProps({
asChild: { type: Boolean, required: false },
as: { type: null, required: false },
class: { type: null, required: false },
inset: { type: Boolean, required: false },
});
const delegatedProps = reactiveOmit(props, "class");
</script>
<template>
<ContextMenuLabel
data-slot="context-menu-label"
:data-inset="inset ? '' : undefined"
v-bind="delegatedProps"
:class="
cn(
'text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8',
props.class,
)
"
>
<slot />
</ContextMenuLabel>
</template>