41 lines
1.1 KiB
Svelte
41 lines
1.1 KiB
Svelte
<script>
|
|
import Modal from '$lib/components/Modal/index.svelte';
|
|
import PrimaryButton from '$lib/components/PrimaryButton/index.svelte';
|
|
import { VARIANTS } from '$lib/components/PrimaryButton/constants';
|
|
|
|
export let onDelete = () => {};
|
|
export let onCancel = () => {};
|
|
export let open = false;
|
|
export let isQuestion = false;
|
|
export let isDeleting = false;
|
|
</script>
|
|
|
|
<Modal
|
|
onClose={() => (open = false)}
|
|
bind:open
|
|
width="w-96"
|
|
modalHeading="Delete {isQuestion ? 'question' : 'comment'}"
|
|
>
|
|
<div>
|
|
<h1 class="dark:text-white text-lg">
|
|
Are you sure you want to delete this {isQuestion ? 'question' : 'comment'}?
|
|
</h1>
|
|
|
|
<div class="mt-5 flex items-center justify-between">
|
|
<PrimaryButton
|
|
className="px-6 py-3"
|
|
variant={VARIANTS.OUTLINED}
|
|
label="No, keep it"
|
|
onClick={onCancel}
|
|
/>
|
|
<PrimaryButton
|
|
className="px-6 py-3"
|
|
variant={VARIANTS.CONTAINED}
|
|
label="Yes, delete"
|
|
onClick={onDelete}
|
|
isLoading={isDeleting}
|
|
/>
|
|
</div>
|
|
</div>
|
|
</Modal>
|