<script setup>
defineProps({
    title: {
        type: String,
        required: true
    }
});
</script>

<template>
    <section class="space-y-4">
        <h2 class="text-sm font-semibold uppercase tracking-wider text-surface-500 dark:text-surface-400">
            {{ title }}
        </h2>
        <div class="grid grid-cols-1 gap-4 md:grid-cols-2">
            <slot />
        </div>
    </section>
</template>
