<template>
  <article class="detail-card panel enterprise-detail-card" :class="{ wide }">
    <div v-if="title || description || $slots.actions" class="card-head">
      <div>
        <h3 v-if="title">{{ title }}</h3>
        <p v-if="description">{{ description }}</p>
      </div>

      <slot name="actions"></slot>
    </div>

    <slot></slot>
  </article>
</template>

<script setup>
defineProps({
  description: { type: String, default: '' },
  title: { type: String, default: '' },
  wide: { type: Boolean, default: false }
})
</script>
