<script setup lang="ts">
import type { DialogTitleProps } from 'reka-ui';
import { DialogTitle as DialogTitlePrimitive } from 'reka-ui';
import { cn } from '@/lib/utils';

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

<template>
  <DialogTitlePrimitive
    data-slot="dialog-title"
    v-bind="props"
    :class="cn('heading-s text-content-on-surface-primary')"
  >
    <slot />
  </DialogTitlePrimitive>
</template>
