stufflog2/svelte-ui/src/components/ColoredNumber.svelte

<script lang="ts">
  import StatusColor from "./StatusColor.svelte";

  export let selected: boolean = false;
  export let status: string = "to do";
  export let number: number | null | undefined = void(0);

  let entry: {statusTag: string}

  $: entry = {statusTag: status};
</script>

{#if (!!number)}
  <StatusColor selected={selected} affects="project" entry={entry}>
    <div class="sccfg">{number}</div>
  </StatusColor>
{/if}