CLASSROOMIO-T-46: Forum CRUD MVP

Co-authored-by: Rotimi Best <rotimiibitoyeemma@gmail.com>

Merge-request: CLASSROOMIO-MR-13
Merged-by: Digdippa Team <digdippa@gmail.com>

src/components/Org/Community/DeleteCommentModal.svelte

@@ -0,0 +1,37 @@
+<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>