<!--
    Component: SectionTitle
    Styled title for page section
-->
<script lang="ts">
interface Props {
    /**
     * Title text
     */
    text?: string;
}

const { text }: Props = $props();
</script>
{#if text}
    <h2 class="text-3xl md:text-4xl lg:text-5xl font-['Space_Grotesk'] font-bold text-swiss-black dark:text-neutral-200 tracking-tight">
        {text}
    </h2>
{/if}
