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

const props = defineProps<DialogTitleProps>();

const forwarded = useForwardProps(props);
</script>

<template>
  <DialogTitle
    data-slot="sheet-title"
    :class="cn('heading-s text-foreground', $attrs.class ?? '')"
    v-bind="forwarded"
  >
    <slot />
  </DialogTitle>
</template>
