From 2923b4ca4a789baec39118e5f9219ec101f2a1e4 Mon Sep 17 00:00:00 2001
From: sirineJ <112706079+sirineJ@users.noreply.github.com>
Date: Wed, 27 Nov 2024 16:05:13 +0100
Subject: [PATCH] add modal story for testing

---
 .../components/Dialog/Dialog.stories.tsx      | 26 +++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/packages/circuit-ui/components/Dialog/Dialog.stories.tsx b/packages/circuit-ui/components/Dialog/Dialog.stories.tsx
index 0844be47ec..18f5cefcd0 100644
--- a/packages/circuit-ui/components/Dialog/Dialog.stories.tsx
+++ b/packages/circuit-ui/components/Dialog/Dialog.stories.tsx
@@ -96,6 +96,32 @@ export const Base = () => {
   );
 };
 
+export const Modal = () => {
+  const [modalOpen, setModalOpen] = useState(false);
+  return (
+    <>
+      <Button
+        type="button"
+        onClick={() => {
+          setModalOpen(true);
+        }}
+      >
+        Open modal
+      </Button>
+      <Dialog
+        open={modalOpen}
+        isModal
+        onClose={() => setModalOpen(false)}
+        closeButtonLabel="Close"
+        aria-label="Hello World!"
+        aria-describedby="log1"
+      >
+        {defaultModalChildren}
+      </Dialog>
+    </>
+  );
+};
+
 export const Simultaneous = () => {
   const [modalOpen, setModalOpen] = useState(false);
   const [modalOpen2, setModalOpen2] = useState(false);