bretton.dev
Coves frontend - a photon fork
1<script lang="ts">
2 import FormattedNumber from '../util/FormattedNumber.svelte'
3
4 interface Props {
5 label: string
6 content: string | number
7 formatted?: boolean
8 labelClass?: string
9 contentClass?: string
10 formatOptions?: Intl.NumberFormatOptions
11 class?: string
12 }
13
14 let {
15 label,
16 content,
17 formatted = false,
18 labelClass = '',
19 contentClass = '',
20 class: clazz = '',
21 formatOptions,
22 }: Props = $props()
23</script>
24
25{#if content != '-1'}
26 <dl class={['flex flex-col', clazz]}>
27 <dt class={['text-slate-600 dark:text-zinc-400 text-xs', labelClass]}>
28 {label}
29 </dt>
30 <dd class={['text-base', contentClass]}>
31 {#if formatted}
32 <FormattedNumber number={Number(content)} options={formatOptions} />
33 {:else}
34 {content}
35 {/if}
36 </dd>
37 </dl>
38{/if}