{"ast":null,"code":"var _jsxFileName = \"D:\\\\LDT\\\\000 Project\\\\LDT\\\\Client\\\\src\\\\components\\\\Modal.js\";\nimport React from 'react';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nfunction Modal({\n  open,\n  onClose,\n  children\n}) {\n  if (!open) return null;\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    style: {\n      position: 'fixed',\n      zIndex: 2000,\n      left: 0,\n      top: 0,\n      width: '100vw',\n      height: '100vh',\n      background: 'rgba(32,34,50,0.4)',\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      animation: 'modalBgFadeIn 0.3s'\n    },\n    children: [/*#__PURE__*/_jsxDEV(\"style\", {\n      children: `\n        @keyframes modalFadeIn {\n          from { opacity: 0; transform: translateY(-40px) scale(0.95);}\n          to { opacity: 1; transform: translateY(0) scale(1);}\n        }\n        @keyframes modalBgFadeIn {\n          from { background: rgba(32,34,50,0); }\n          to { background: rgba(32,34,50,0.4); }\n        }\n        .massively-modal {\n          font-family: inherit;\n          background: #fff;\n          border-radius: 1.2em;\n          min-width: 330px;\n          max-width: 90vw;\n          padding: 2.5em 2em 2em 2em;\n          box-shadow: 0 16px 48px 0 rgba(48,48,96,0.20), 0 1.5px 8px 0 rgba(44,44,66,0.07);\n          position: relative;\n          animation: modalFadeIn 0.28s;\n          border: 1.5px solid #eaeafd;\n        }\n        .modal-close-btn {\n          position: absolute; right: 1.2em; top: 1.2em;\n          background: #f6f7ff; border: none; border-radius: 1.5em;\n          width: 2.2em; height: 2.2em;\n          font-size: 1.3em; font-weight: bold; color: #4361ee;\n          cursor: pointer; box-shadow: 0 1px 3px 0 rgba(48,48,96,0.07);\n          transition: background .16s, color .16s;\n        }\n        .modal-close-btn:hover {\n          background: #4361ee;\n          color: #fff;\n        }\n        `\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 18,\n      columnNumber: 7\n    }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"massively-modal\",\n      children: [/*#__PURE__*/_jsxDEV(\"button\", {\n        onClick: onClose,\n        className: \"modal-close-btn\",\n        \"aria-label\": \"\\uB2EB\\uAE30\",\n        children: \"\\xD7\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 55,\n        columnNumber: 9\n      }, this), children]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 54,\n      columnNumber: 7\n    }, this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 6,\n    columnNumber: 5\n  }, this);\n}\n_c = Modal;\nexport default Modal;\nvar _c;\n$RefreshReg$(_c, \"Modal\");","map":{"version":3,"names":["React","jsxDEV","_jsxDEV","Modal","open","onClose","children","style","position","zIndex","left","top","width","height","background","display","justifyContent","alignItems","animation","fileName","_jsxFileName","lineNumber","columnNumber","className","onClick","_c","$RefreshReg$"],"sources":["D:/LDT/000 Project/LDT/Client/src/components/Modal.js"],"sourcesContent":["import React from 'react';\r\n\r\nfunction Modal({ open, onClose, children }) {\r\n  if (!open) return null;\r\n  return (\r\n    <div\r\n      style={{\r\n        position: 'fixed',\r\n        zIndex: 2000,\r\n        left: 0, top: 0, width: '100vw', height: '100vh',\r\n        background: 'rgba(32,34,50,0.4)',\r\n        display: 'flex',\r\n        justifyContent: 'center',\r\n        alignItems: 'center',\r\n        animation: 'modalBgFadeIn 0.3s',\r\n      }}\r\n    >\r\n      <style>\r\n        {`\r\n        @keyframes modalFadeIn {\r\n          from { opacity: 0; transform: translateY(-40px) scale(0.95);}\r\n          to { opacity: 1; transform: translateY(0) scale(1);}\r\n        }\r\n        @keyframes modalBgFadeIn {\r\n          from { background: rgba(32,34,50,0); }\r\n          to { background: rgba(32,34,50,0.4); }\r\n        }\r\n        .massively-modal {\r\n          font-family: inherit;\r\n          background: #fff;\r\n          border-radius: 1.2em;\r\n          min-width: 330px;\r\n          max-width: 90vw;\r\n          padding: 2.5em 2em 2em 2em;\r\n          box-shadow: 0 16px 48px 0 rgba(48,48,96,0.20), 0 1.5px 8px 0 rgba(44,44,66,0.07);\r\n          position: relative;\r\n          animation: modalFadeIn 0.28s;\r\n          border: 1.5px solid #eaeafd;\r\n        }\r\n        .modal-close-btn {\r\n          position: absolute; right: 1.2em; top: 1.2em;\r\n          background: #f6f7ff; border: none; border-radius: 1.5em;\r\n          width: 2.2em; height: 2.2em;\r\n          font-size: 1.3em; font-weight: bold; color: #4361ee;\r\n          cursor: pointer; box-shadow: 0 1px 3px 0 rgba(48,48,96,0.07);\r\n          transition: background .16s, color .16s;\r\n        }\r\n        .modal-close-btn:hover {\r\n          background: #4361ee;\r\n          color: #fff;\r\n        }\r\n        `}\r\n      </style>\r\n      <div className=\"massively-modal\">\r\n        <button\r\n          onClick={onClose}\r\n          className=\"modal-close-btn\"\r\n          aria-label=\"닫기\"\r\n        >×</button>\r\n        {children}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default Modal;"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAAC,SAAAC,MAAA,IAAAC,OAAA;AAE1B,SAASC,KAAKA,CAAC;EAAEC,IAAI;EAAEC,OAAO;EAAEC;AAAS,CAAC,EAAE;EAC1C,IAAI,CAACF,IAAI,EAAE,OAAO,IAAI;EACtB,oBACEF,OAAA;IACEK,KAAK,EAAE;MACLC,QAAQ,EAAE,OAAO;MACjBC,MAAM,EAAE,IAAI;MACZC,IAAI,EAAE,CAAC;MAAEC,GAAG,EAAE,CAAC;MAAEC,KAAK,EAAE,OAAO;MAAEC,MAAM,EAAE,OAAO;MAChDC,UAAU,EAAE,oBAAoB;MAChCC,OAAO,EAAE,MAAM;MACfC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBC,SAAS,EAAE;IACb,CAAE;IAAAZ,QAAA,gBAEFJ,OAAA;MAAAI,QAAA,EACG;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IAAS;MAAAa,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OACI,CAAC,eACRpB,OAAA;MAAKqB,SAAS,EAAC,iBAAiB;MAAAjB,QAAA,gBAC9BJ,OAAA;QACEsB,OAAO,EAAEnB,OAAQ;QACjBkB,SAAS,EAAC,iBAAiB;QAC3B,cAAW,cAAI;QAAAjB,QAAA,EAChB;MAAC;QAAAa,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAAQ,CAAC,EACVhB,QAAQ;IAAA;MAAAa,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OACN,CAAC;EAAA;IAAAH,QAAA,EAAAC,YAAA;IAAAC,UAAA;IAAAC,YAAA;EAAA,OACH,CAAC;AAEV;AAACG,EAAA,GA7DQtB,KAAK;AA+Dd,eAAeA,KAAK;AAAC,IAAAsB,EAAA;AAAAC,YAAA,CAAAD,EAAA","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}