chadtmiller.com/knotless

<script lang="ts">
	import type { Snippet } from 'svelte';
	import type { RepoHead } from '#lib/api/RepoHead.ts';
	import Meta from '#lib/atoms/Meta.svelte';
	import RepoHeader, { type Tab } from '#lib/organisms/RepoHeader.svelte';
	/**
	 * A page about a repository: its header and tabs, then the page. It
	 * unfurls as the repository does, unless it says otherwise.
	 */
	let { repo, tab, title, about = repo.about, card = repo.card, children }: { repo: RepoHead; tab: Tab; title: string; about?: string; card?: string; children: Snippet } = $props();
</script>

<Meta {title} {about} {card} />

<RepoHeader {repo} {tab} />
{@render children()}