Files
ECSESS/src/components/layout/Section.svelte
2025-10-13 23:10:37 -04:00

19 lines
425 B
Svelte

<script>
let { children = () => 'Section placeholder', black = false } = $props();
let tailwindClasses = $state(
'mx-auto flex min-h-[90vh] flex-col items-center justify-center gap-4 p-4 text-center text-ecsess-100'
);
if (black) {
tailwindClasses += ' bg-ecsess-black';
} else {
// green background
tailwindClasses += ' bg-ecsess-800';
}
</script>
<div class={tailwindClasses}>
{@render children()}
</div>