Something went wrong. Try again.
Monorepo for Tangled
Something went wrong. Try again.
Svelte
at icy/tmrrpn
12345678910111213141516171819202122232425262728293031<script lang="ts"> import { resolve } from "$app/paths"; import type { Component } from "svelte"; import type { SvelteHTMLElements } from "svelte/elements"; import { formatCount } from "$lib/format";
interface Props { title: string; href: string; icon: Component<SvelteHTMLElements["svg"]>; count?: number; approximate?: boolean; }
let { title, href, icon, count, approximate = false }: Props = $props(); const Glyph = $derived(icon);</script>
<a href={resolve(href as "/")} class="flex items-center gap-2 pb-2 font-medium text-foreground-default no-underline hover:text-foreground-muted hover:no-underline"> <Glyph class="size-4 shrink-0" aria-hidden="true" /> {title} {#if count !== undefined} <span class="mt-px rounded-sm bg-background-inset px-1 typography-paragraph-small"> {approximate && count > 0 ? `${formatCount(count)}+` : formatCount(count)} </span> {/if}</a>