busya
274510fc38
- Replaced @TIER: TRIVIAL with @COMPLEXITY: 1 - Replaced @TIER: STANDARD with @COMPLEXITY: 3 - Replaced @TIER: CRITICAL with @COMPLEXITY: 5 - Manually elevated specific critical/complex components to levels 2 and 4 - Ignored legacy, specs, and node_modules directories - Updated generated semantic map
41 lines
862 B
Svelte
41 lines
862 B
Svelte
<!-- [DEF:PageHeader:Component] -->
|
|
<!--
|
|
@COMPLEXITY: 1
|
|
@SEMANTICS: page-header, layout-atom
|
|
@PURPOSE: Standardized page header with title and action area.
|
|
@LAYER: Atom
|
|
-->
|
|
|
|
<script>
|
|
// [SECTION: IMPORTS]
|
|
import { cn } from "$lib/utils.js";
|
|
// [/SECTION: IMPORTS]
|
|
|
|
// [SECTION: PROPS]
|
|
let {
|
|
title = "",
|
|
class: className = "",
|
|
subtitle = null,
|
|
actions = null,
|
|
...rest
|
|
} = $props();
|
|
// [/SECTION: PROPS]
|
|
</script>
|
|
|
|
<!-- [SECTION: TEMPLATE] -->
|
|
<header
|
|
class={cn("flex items-center justify-between mb-8", className)}
|
|
{...rest}
|
|
>
|
|
<div class="space-y-1">
|
|
<h1 class="text-3xl font-bold tracking-tight text-gray-900">{title}</h1>
|
|
{@render subtitle?.()}
|
|
</div>
|
|
<div class="flex items-center gap-4">
|
|
{@render actions?.()}
|
|
</div>
|
|
</header>
|
|
<!-- [/SECTION: TEMPLATE] -->
|
|
|
|
<!-- [/DEF:PageHeader:Component] -->
|