25 lines
575 B
Svelte
25 lines
575 B
Svelte
<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>
|