Files
arkvault/src/lib/ui/labels/CategoryLabel.svelte
T

29 lines
604 B
Svelte

<script lang="ts">
import type { ClassValue } from "svelte/elements";
import IconLabel from "./IconLabel.svelte";
import IconCategory from "~icons/material-symbols/category";
interface Props {
class?: ClassValue;
name: string;
subtext?: string;
textClass?: ClassValue;
}
let { class: className, name, subtext, textClass: textClassName }: Props = $props();
</script>
{#snippet subtextSnippet()}
{subtext}
{/snippet}
<IconLabel
icon={IconCategory}
subtext={subtext ? subtextSnippet : undefined}
class={className}
textClass={textClassName}
>
{name}
</IconLabel>