<script lang="ts" setup>
defineProps<{
  subtitle?: string;
  title: string;
}>();
</script>

<template>
  <div class="flex items-start justify-between gap-3">
    <div class="min-w-0">
      <div class="text-sm font-medium text-foreground">{{ title }}</div>
      <div v-if="subtitle" class="mt-0.5 text-xs text-muted-foreground">
        {{ subtitle }}
      </div>
    </div>
    <div v-if="$slots.actions" class="flex shrink-0 flex-wrap items-center gap-2">
      <slot name="actions" />
    </div>
  </div>
</template>
