<script setup lang="ts">
import { ToggleGroupItem as ShadcnToggleGroupItem } from '@/components/core/toggle-group';
import type { UiToggleGroupItemProps } from './types';

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

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

<template>
  <ShadcnToggleGroupItem
    :value="props.value"
    :disabled="props.disabled"
    :variant="props.variant"
    :size="props.size"
  >
    <slot />
  </ShadcnToggleGroupItem>
</template>
