first commit

resources/js/components/Heading.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+    let {
+        title,
+        description = '',
+        variant = 'default',
+    }: {
+        title: string;
+        description?: string;
+        variant?: 'default' | 'small';
+    } = $props();
+</script>
+
+<header class={variant === 'small' ? '' : 'mb-8 space-y-0.5'}>
+    <h2
+        class={variant === 'small'
+            ? 'mb-0.5 text-base font-medium'
+            : 'text-xl font-semibold tracking-tight'}
+    >
+        {title}
+    </h2>
+    {#if description}
+        <p class="text-sm text-muted-foreground">{description}</p>
+    {/if}
+</header>