From 2919d7d637fb983c58b5e3cf47f4257320ba763e Mon Sep 17 00:00:00 2001
From: YangJinSoo94 <jschrome782@gmail.com>
Date: Thu, 27 Mar 2025 16:36:41 +0900
Subject: [PATCH] =?UTF-8?q?alert=20dialog=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/ui/alert_dialog_ui/index.tsx          | 53 +++++++++++++++++++
 1 file changed, 53 insertions(+)
 create mode 100644 packages/common/business_components/src/ui/alert_dialog_ui/index.tsx

diff --git a/packages/common/business_components/src/ui/alert_dialog_ui/index.tsx b/packages/common/business_components/src/ui/alert_dialog_ui/index.tsx
new file mode 100644
index 000000000..8437c87a8
--- /dev/null
+++ b/packages/common/business_components/src/ui/alert_dialog_ui/index.tsx
@@ -0,0 +1,53 @@
+import { Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "@common/components";
+import React from "react";
+
+type ModalType = { 
+  bodyClass: string;
+  butNm: string;
+  title: string;
+  body: React.ReactNode;
+  open?: boolean;
+  onOpenChange?: (open: boolean) => void;
+}
+
+export function UiModal({ bodyClass, butNm, title, body, open, onOpenChange }: ModalType) {
+  const dialogProps = open !== undefined && onOpenChange !== undefined 
+    ? { open, onOpenChange } 
+    : {};
+
+  return (
+    <>
+      {!open && (
+        <Dialog>
+          <DialogTrigger asChild>
+            <Button className="mr-4 rounded-lg">{butNm}</Button>
+          </DialogTrigger>
+          <DialogContent className={bodyClass}>
+            <DialogHeader>
+              <DialogTitle>{title}</DialogTitle>
+              <DialogDescription>
+              </DialogDescription>
+            </DialogHeader>
+            {body}
+            <DialogFooter className="sm:justify-start">
+            </DialogFooter>
+          </DialogContent>
+        </Dialog>
+      )}
+      {open && (
+        <Dialog {...dialogProps}>
+          <DialogContent className={bodyClass}>
+            <DialogHeader>
+              <DialogTitle>{title}</DialogTitle>
+              <DialogDescription>
+              </DialogDescription>
+            </DialogHeader>
+            {body}
+            <DialogFooter className="sm:justify-start">
+            </DialogFooter>
+          </DialogContent>
+        </Dialog>
+      )}
+    </>
+  );
+}