mirror of
https://github.com/immich-app/immich.git
synced 2026-05-22 15:02:32 -04:00
Jason Rasmussen
26 lines
604 B
Svelte
26 lines
604 B
Svelte
<script lang="ts">
|
|
import type { Snippet } from 'svelte';
|
|
import { tv } from 'tailwind-variants';
|
|
|
|
type Props = {
|
|
color: 'success' | 'warning';
|
|
children?: Snippet;
|
|
};
|
|
|
|
let { color, children }: Props = $props();
|
|
|
|
const styles = tv({
|
|
base: 'w-full p-2 text-center text-sm ',
|
|
variants: {
|
|
color: {
|
|
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={styles({ color })}>
|
|
{@render children?.()}
|
|
</div>
|