mirror of
https://github.com/pocket-id/pocket-id.git
synced 2025-12-22 17:25:06 +03:00
33 lines
983 B
Svelte
33 lines
983 B
Svelte
<script lang="ts">
|
|
import * as AlertDialog from '$lib/components/ui/alert-dialog';
|
|
import { confirmDialogStore } from '.';
|
|
import Button from '../ui/button/button.svelte';
|
|
</script>
|
|
|
|
<AlertDialog.Root bind:open={$confirmDialogStore.open}>
|
|
<AlertDialog.Content>
|
|
<AlertDialog.Header>
|
|
<AlertDialog.Title>{$confirmDialogStore.title}</AlertDialog.Title>
|
|
<AlertDialog.Description>
|
|
{$confirmDialogStore.message}
|
|
</AlertDialog.Description>
|
|
</AlertDialog.Header>
|
|
<AlertDialog.Footer>
|
|
<AlertDialog.Cancel>Cancel</AlertDialog.Cancel>
|
|
<AlertDialog.Action>
|
|
{#snippet child()}
|
|
<Button
|
|
variant={$confirmDialogStore.confirm.destructive ? 'destructive' : 'default'}
|
|
onclick={() => {
|
|
$confirmDialogStore.confirm.action();
|
|
$confirmDialogStore.open = false;
|
|
}}
|
|
>
|
|
{$confirmDialogStore.confirm.label}
|
|
</Button>
|
|
{/snippet}
|
|
</AlertDialog.Action>
|
|
</AlertDialog.Footer>
|
|
</AlertDialog.Content>
|
|
</AlertDialog.Root>
|