---
export interface Props {
  title: string
  jumpId: string
}
const { title, jumpId }: Props = Astro.props
---

<div class="text-center p-8 space-y-8 even:bg-base-200">
  <a class="invisible relative -top-24" id={jumpId}></a>
  <div class="text-3xl md:text-5xl">
    <a href={"#" + jumpId}>{title}</a>
  </div>
  <div class="max-w-4xl mx-auto flex flex-col gap-4">
    <slot />
  </div>
</div>