<script setup>
defineProps({
  variant: {
    type: String,
    default: 'simple'
  }
})
</script>

<template>
  <header
    class="prose-header-card my-8 overflow-hidden rounded-[14px] border border-[var(--site-line)] bg-[var(--site-panel)] p-8 text-[var(--site-text)]"
    :class="`prose-header-card--${variant}`"
  >
    <slot />
  </header>
</template>
