<script setup lang="ts">
import { StepperDescription as ShadcnStepperDescription } from '@/components/core/stepper';

defineOptions({
  name: 'UiStepperDescription',
});
</script>

<template>
  <ShadcnStepperDescription
    #default="slotProps"
    :class="[
      'transition-colors',
      'group-data-[state=active]:text-content-on-surface-primary',
      'group-data-[state=completed]:text-content-on-surface-primary',
    ]"
  >
    <slot v-bind="slotProps" />
  </ShadcnStepperDescription>
</template>
