<template>
  <div class="flex flex-col bg-white rounded-lg gap-2">
    <div class="flex flex-col gap-1">
      <h3 class="text-xl font-semibold text-primary-600">
        <slot name="title" />
      </h3>
      <span class="text-gray-400 my-2">
        <slot name="description" />
      </span>
      <div class="border border-gray-200" />
    </div>
    <div class="mt-2">
      <slot />
    </div>
    <div class="flex justify-start mt-2">
      <slot name="actions" />
    </div>
  </div>
</template>
