refactor: update panel component

2026-09-02 19:55:52 +05:00
parent 2f758a88af
commit 7e94205866
7 changed files with 21 additions and 40 deletions
@@ -1,13 +1,17 @@
 <script lang="ts">
 	import type { Snippet } from "svelte";
+	import PanelHeading from "../PanelHeading.svelte";

 	interface Props {
+		title: string;
+		eyebrow: string;
 		children: Snippet;
 	}
-	let { children }: Props = $props();
+	let { title, eyebrow, children }: Props = $props();
 </script>

 <section class="panel">
+	<PanelHeading {title} {eyebrow} />
 	{@render children()}
 </section>

@@ -16,5 +20,6 @@
 		background: var(--color-panel);
 		border: var(--size-border) solid var(--color-border);
 		border-radius: var(--radius-s);
+		padding: var(--space-l);
 	}
 </style>