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

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

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