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

<template>
  <blockquote
    class="prose-blockquote my-8 text-[15px] leading-8 text-[var(--site-text)]"
    :class="variant === 'alt'
      ? 'rounded-[14px] border border-[var(--site-line)] bg-[var(--site-panel)] px-6 py-5 italic'
      : 'rounded-[10px] border-l-2 border-[var(--site-text)] bg-[var(--site-panel)] px-5 py-4 font-medium'"
  >
    <span class="whitespace-pre-line">
      <slot />
    </span>
  </blockquote>
</template>
