<template>
  <div class="bg-white border-1 border-solid border-gray-300 rounded-xl flex flex-col gap-3 p-6">
    <div class="font-serif font-300 tracking-tight text-xl text-orange-900">
      {{ title }}
    </div>
    <div class="h-2px w-full bg-orange-800 opacity-10"/>
    <div class="relative">
      <slot/>
    </div>
  </div>
</template>

<style module lang="scss">

</style>

<script setup lang="ts">
  const props = defineProps<{
    title: string
  }>()
</script>