From a5cf961497922d188fe217f2a72bd68f9f55d625 Mon Sep 17 00:00:00 2001
From: wlren <weilinwork99@gmail.com>
Date: Mon, 24 Oct 2022 22:44:56 +0800
Subject: [PATCH] [question][ui] create list pop up

---
 .../components/questions/DeleteListDialog.tsx | 29 +++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 apps/portal/src/components/questions/DeleteListDialog.tsx

diff --git a/apps/portal/src/components/questions/DeleteListDialog.tsx b/apps/portal/src/components/questions/DeleteListDialog.tsx
new file mode 100644
index 00000000..3da568d2
--- /dev/null
+++ b/apps/portal/src/components/questions/DeleteListDialog.tsx
@@ -0,0 +1,29 @@
+import { Button, Dialog } from '@tih/ui';
+
+export type DeleteListDialogProps = {
+  onCancel: () => void;
+  onDelete: () => void;
+  show: boolean;
+};
+export default function DeleteListDialog({
+  show,
+  onCancel,
+  onDelete,
+}: DeleteListDialogProps) {
+  return (
+    <Dialog
+      isShown={show}
+      primaryButton={
+        <Button label="Delete" variant="primary" onClick={onDelete} />
+      }
+      secondaryButton={
+        <Button label="Cancel" variant="tertiary" onClick={onCancel} />
+      }
+      title="Delete List"
+      onClose={onCancel}>
+      <p>
+        Are you sure you want to delete this list? This action cannot be undone.
+      </p>
+    </Dialog>
+  );
+}