✨(react) add Modal

Here it is! Our really wanted Modal component, based on Figma sketches.

packages/react/src/components/Modal/DeleteConfirmationModal.tsx

@@ -0,0 +1,44 @@
+import React from "react";
+import { Modal, ModalSize } from ":/components/Modal/index";
+import { useCunningham } from ":/components/Provider";
+import { Button } from ":/components/Button";
+import { DecisionModalProps } from ":/components/Modal/ModalProvider";
+
+export type DeleteConfirmationModalProps = DecisionModalProps;
+
+export const DeleteConfirmationModal = ({
+  title,
+  children,
+  onDecide,
+  ...props
+}: DeleteConfirmationModalProps) => {
+  const { t } = useCunningham();
+  return (
+    <Modal
+      title={title ?? t("components.modals.helpers.delete_confirmation.title")}
+      titleIcon={<span className="material-icons clr-danger-600">delete</span>}
+      size={ModalSize.SMALL}
+      actions={
+        <>
+          <Button
+            color="secondary"
+            fullWidth={true}
+            onClick={() => onDecide(null)}
+          >
+            {t("components.modals.helpers.delete_confirmation.cancel")}
+          </Button>
+          <Button
+            fullWidth={true}
+            onClick={() => onDecide("delete")}
+            color="danger"
+          >
+            {t("components.modals.helpers.delete_confirmation.delete")}
+          </Button>
+        </>
+      }
+      {...props}
+    >
+      {children ?? t("components.modals.helpers.delete_confirmation.children")}
+    </Modal>
+  );
+};