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

<template>
  <div
    class="relative overflow-hidden border-y border-lokta-deep/10 bg-gradient-to-r from-lokta-blush/25 via-lokta-cream/80 to-lokta-teal/20 py-7 text-center shadow-[inset_0_10px_30px_rgba(30,53,80,0.06)]"
    role="separator"
  >
    <div
      class="pointer-events-none absolute inset-0 nepal-fiber opacity-20 mix-blend-multiply"
      aria-hidden="true"
    />
    <p
      class="relative font-brush text-lg tracking-widest text-lokta-deep sm:text-xl"
    >
      —— {{ label }} ——
    </p>
  </div>
</template>
