mirror of
https://github.com/kmc7468/arkvault.git
synced 2025-12-14 22:08:45 +00:00
24 lines
631 B
Svelte
24 lines
631 B
Svelte
<script lang="ts">
|
|
import type { Snippet } from "svelte";
|
|
|
|
import IconCheckCircle from "~icons/material-symbols/check-circle";
|
|
import IconCheckCircleOutline from "~icons/material-symbols/check-circle-outline";
|
|
|
|
interface Props {
|
|
checked?: boolean;
|
|
children: Snippet;
|
|
}
|
|
|
|
let { checked = $bindable(false), children }: Props = $props();
|
|
</script>
|
|
|
|
<label class="flex items-center gap-x-1">
|
|
<input bind:checked type="checkbox" class="hidden" />
|
|
{@render children()}
|
|
{#if checked}
|
|
<IconCheckCircle class="text-primary-600" />
|
|
{:else}
|
|
<IconCheckCircleOutline class="text-gray-300" />
|
|
{/if}
|
|
</label>
|