immich/web/src/lib/components/admin-page/jobs/job-tile-status.svelte

<script lang="ts" context="module">
  export type Color = 'success' | 'warning';
</script>

<script lang="ts">
  export let color: Color;

  const colorClasses: Record<Color, string> = {
    success: 'bg-green-500/70 text-gray-900 dark:bg-green-700/90 dark:text-gray-100',
    warning: 'bg-orange-400/70 text-gray-900 dark:bg-orange-900 dark:text-gray-100',
  };
</script>

<div class="w-full text-center text-sm p-2 {colorClasses[color]}">
  <slot />
</div>