<template>
  <div class="rounded-lg border p-4 shadow-sm">
    <div class="flex items-center justify-between mb-4">
      <h3 class="text-base font-medium text-ink-gray-9">
        {{ title }}
      </h3>
      <slot name="actions" />
    </div>
    <div class="h-[200px]">
      <slot />
    </div>
  </div>
</template>

<script setup>
defineProps({
  title: {
    type: String,
    required: true,
  },
})
</script>
