@props(['title', 'text' => null])
<div class="rounded-[32px] bg-surface-mid px-6 py-14 text-center">
    <p class="text-xl font-extrabold text-primary">{{ $title }}</p>
    @if ($text) <p class="mx-auto mt-2 max-w-md text-on-surface-variant">{{ $text }}</p> @endif
    <div class="mt-6">{{ $slot }}</div>
</div>