Something went wrong. Try again.
Monorepo for Tangled tangled.org
Something went wrong. Try again.
12345678910111213141516171819202122232425262728293031323334353637<script lang="ts"> import type { Component, Snippet } from "svelte"; import type { SvelteHTMLElements } from "svelte/elements"; import { resolve } from "$app/paths"; import PanelHeader from "#lib/components/repo/PanelHeader.svelte";
interface Props { title: string; href?: string; icon: Component<SvelteHTMLElements["svg"]>; count?: number; class?: string; bodyClass?: string; children: Snippet; }
let { title, href, icon, count, class: className, bodyClass, children }: Props = $props();</script>
<section class={["flex min-w-0 flex-col gap-sm p-md", className]}> <div class="flex items-center gap-xs"> {#if href} <a href={resolve(href as "/")} class="group no-underline hover:no-underline focus-visible:outline-2 focus-visible:outline-border-default" > <PanelHeader {title} {icon} {count} /> </a> {:else} <PanelHeader {title} {icon} {count} /> {/if} </div> <div class={bodyClass}> {@render children()} </div></section>