opendesk

1<template>
2  <div class="flex items-start justify-between">
3    <div class="flex flex-col gap-1">
4      <slot name="title">
5        <h1 class="text-md-semibold text-ink-gray-8">
6          {{ title }}
7        </h1>
8      </slot>
9      <slot name="description">
10        <p class="text-p-sm max-w-md text-ink-gray-6">
11          {{ description }}
12        </p>
13      </slot>
14    </div>
15    <slot name="actions" />
16  </div>
17  <div class="mt-6" v-if="Boolean($slots['bottom-section'])">
18    <slot name="bottom-section" />
19  </div>
20</template>
21
22<script setup lang="ts">
23defineProps({
24  title: {
25    type: String,
26  },
27  description: {
28    type: String,
29  },
30});
31</script>
32