UiModal noheaderYn, noFooterYn 을 넣으면 헤더와 풋터영역 안보이도록 수정

packages/common/business_components/src/ui/dialog_ui/index.tsx

@@ -6,22 +6,40 @@ type ModalType = {
   body: React.ReactNode;
   open?: boolean;
   onOpenChange?: (open: boolean) => void;
+  noHeaderYn?: 'N' | 'Y';
+  noFooterYn?: 'N' | 'Y';
+  headerTitle?: string;
+  footerContent?: React.ReactNode;
 }
 
-export function UiModal({ bodyClass,  body, open, onOpenChange }: ModalType) {
+export function UiModal({ 
+  bodyClass,  
+  body, 
+  open, 
+  onOpenChange,
+  noHeaderYn = 'N',
+  noFooterYn = 'N',
+  headerTitle,
+  footerContent
+}: ModalType) {
  
   return (
     <>
         <Dialog open={open} onOpenChange={onOpenChange}>
           <DialogContent className={bodyClass}>
-            <DialogHeader>
-              <DialogDescription>
-              </DialogDescription>
-          
-            </DialogHeader>
-           {(open && body)} 
-            <DialogFooter className="sm:justify-start">
-            </DialogFooter>
+            {noHeaderYn === 'N' && (
+              <DialogHeader>
+                <DialogDescription>
+                  {headerTitle}
+                </DialogDescription>
+              </DialogHeader>
+            )}
+            {(open && body)} 
+            {noFooterYn === 'N' && (
+              <DialogFooter className="sm:justify-start">
+                {footerContent}
+              </DialogFooter>
+            )}
           </DialogContent>
         </Dialog>
     </>