<script setup lang="ts">
import type { NavigationMenuItemProps } from 'reka-ui';
import { NavigationMenuItem } from 'reka-ui';
import { cn } from '@/lib/utils';

defineOptions({ inheritAttrs: false });

const props = defineProps<NavigationMenuItemProps>();
</script>

<template>
  <NavigationMenuItem
    data-slot="navigation-menu-item"
    v-bind="{ ...props, ...$attrs }"
    :class="cn('relative', $attrs.class ?? '')"
  >
    <slot />
  </NavigationMenuItem>
</template>
