19 lines
468 B
Svelte
19 lines
468 B
Svelte
<script lang="ts">
|
|
import Sparkles from '$lib/components/atoms/Sparkles.svelte';
|
|
|
|
export let color: 'default' | 'primary' | 'secondary' = 'default';
|
|
export let sparkleColor: 'default' | 'primary' | 'secondary' = 'default';
|
|
</script>
|
|
|
|
<Sparkles color={sparkleColor}><strong class={color}><slot /></strong></Sparkles>
|
|
|
|
<style lang="scss">
|
|
strong {
|
|
&.primary {
|
|
color: var(--color--primary);
|
|
}
|
|
&.secondary {
|
|
color: var(--color--secondary);
|
|
}
|
|
}
|
|
</style>
|