<script setup lang="ts">
import { DropdownMenuRadioItem as ShadcnDropdownMenuRadioItem } from '@/components/core/dropdown-menu';
import type { UiDropdownMenuRadioItemProps } from './types';

defineOptions({
  name: 'UiDropdownMenuRadioItem',
});

const props = withDefaults(defineProps<UiDropdownMenuRadioItemProps>(), {
  disabled: false,
  textValue: undefined,
});
</script>

<template>
  <ShadcnDropdownMenuRadioItem
    :value="props.value"
    :disabled="props.disabled"
    :text-value="props.textValue"
  >
    <template v-if="$slots['indicator-icon']" #indicator-icon>
      <slot name="indicator-icon" />
    </template>
    <slot />
  </ShadcnDropdownMenuRadioItem>
</template>
