38 lines
897 B
Svelte
38 lines
897 B
Svelte
|
<script>
|
||
|
|
import Modal from '../../Modal/index.svelte';
|
||
|
|
import PrimaryButton from '../../PrimaryButton/index.svelte';
|
||
|
|
import { VARIANTS } from '../../PrimaryButton/constants';
|
||
|
|
|
||
|
|
export let onDelete = () => {};
|
||
|
|
export let onCancel = () => {};
|
||
|
|
export let open = false;
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<Modal
|
||
|
|
onClose={() => (open = false)}
|
||
|
|
bind:open
|
||
|
|
width="w-96"
|
||
|
|
modalHeading="Delete comment"
|
||
|
|
>
|
||
|
|
<div>
|
||
|
|
<h1 class="dark:text-white text-lg">
|
||
|
|
Are you sure you want to delete this 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_DANGER}
|
||
|
|
label="Yes, delete"
|
||
|
|
onClick={onDelete}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</Modal>
|