<!--
    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-[#1a1a1a] dark:text-[#e5e5e5] tracking-tight">
        {text}
    </h2>
{/if}
