{"ast":null,"code":"var _jsxFileName = \"D:\\\\LDT\\\\000 Project\\\\LDT\\\\Client\\\\src\\\\components\\\\Title.js\",\n  _s = $RefreshSig$();\nimport React, { useEffect, useState } from \"react\";\nimport MenuButton from \"./MenuButton\";\nimport Sidebar from \"./Sidebar\";\nimport { jsxDEV as _jsxDEV, Fragment as _Fragment } from \"react/jsx-dev-runtime\";\nexport default function Title() {\n  _s();\n  const [isMobile, setIsMobile] = useState(window.innerWidth < 768);\n  const [sidebarOpen, setSidebarOpen] = useState(window.innerWidth >= 768); // PC일 경우 true\n\n  // 화면 크기 감지\n  useEffect(() => {\n    const handleResize = () => {\n      const mobile = window.innerWidth < 768;\n      setIsMobile(mobile);\n      setSidebarOpen(!mobile); // 모바일이면 닫고, PC면 열기\n    };\n    window.addEventListener(\"resize\", handleResize);\n    return () => window.removeEventListener(\"resize\", handleResize);\n  }, []);\n  return /*#__PURE__*/_jsxDEV(_Fragment, {\n    children: [/*#__PURE__*/_jsxDEV(\"div\", {\n      style: {\n        position: \"fixed\",\n        top: 60,\n        left: 0,\n        right: 0,\n        zIndex: 98,\n        background: \"#f8fafc\",\n        padding: \"12px 24px\",\n        boxShadow: \"0 2px 8px #0001\",\n        borderBottom: \"1px solid #eef\",\n        height: 40,\n        display: \"flex\",\n        alignItems: \"center\",\n        gap: 18\n      },\n      children: [/*#__PURE__*/_jsxDEV(\"span\", {\n        style: {\n          color: \"#3887be\",\n          fontWeight: 600\n        },\n        children: \"\\uD83C\\uDF1F \\uC0C1\\uD0DC: \\uC815\\uC0C1\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 39,\n        columnNumber: 9\n      }, this), /*#__PURE__*/_jsxDEV(\"span\", {\n        style: {\n          color: \"#555\"\n        },\n        children: \"\\uC2E4\\uC2DC\\uAC04 \\uC54C\\uB9BC/\\uC704\\uC82F\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 40,\n        columnNumber: 9\n      }, this), isMobile && /*#__PURE__*/_jsxDEV(MenuButton, {\n        onClick: () => setSidebarOpen(open => !open),\n        isOpen: sidebarOpen\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 43,\n        columnNumber: 11\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 22,\n      columnNumber: 7\n    }, this), /*#__PURE__*/_jsxDEV(Sidebar, {\n      visible: sidebarOpen,\n      isMobile: isMobile,\n      onClose: () => setSidebarOpen(false)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 50,\n      columnNumber: 7\n    }, this)]\n  }, void 0, true);\n}\n_s(Title, \"TCrODP5KdOKGmECqolCyI6lHnTY=\");\n_c = Title;\nvar _c;\n$RefreshReg$(_c, \"Title\");","map":{"version":3,"names":["React","useEffect","useState","MenuButton","Sidebar","jsxDEV","_jsxDEV","Fragment","_Fragment","Title","_s","isMobile","setIsMobile","window","innerWidth","sidebarOpen","setSidebarOpen","handleResize","mobile","addEventListener","removeEventListener","children","style","position","top","left","right","zIndex","background","padding","boxShadow","borderBottom","height","display","alignItems","gap","color","fontWeight","fileName","_jsxFileName","lineNumber","columnNumber","onClick","open","isOpen","visible","onClose","_c","$RefreshReg$"],"sources":["D:/LDT/000 Project/LDT/Client/src/components/Title.js"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\r\nimport MenuButton from \"./MenuButton\";\r\nimport Sidebar from \"./Sidebar\";\r\n\r\nexport default function Title() {\r\n  const [isMobile, setIsMobile] = useState(window.innerWidth < 768);\r\n  const [sidebarOpen, setSidebarOpen] = useState(window.innerWidth >= 768); // PC일 경우 true\r\n\r\n  // 화면 크기 감지\r\n  useEffect(() => {\r\n    const handleResize = () => {\r\n      const mobile = window.innerWidth < 768;\r\n      setIsMobile(mobile);\r\n      setSidebarOpen(!mobile); // 모바일이면 닫고, PC면 열기\r\n    };\r\n    window.addEventListener(\"resize\", handleResize);\r\n    return () => window.removeEventListener(\"resize\", handleResize);\r\n  }, []);\r\n\r\n  return (\r\n    <>\r\n      <div\r\n        style={{\r\n          position: \"fixed\",\r\n          top: 60,\r\n          left: 0,\r\n          right: 0,\r\n          zIndex: 98,\r\n          background: \"#f8fafc\",\r\n          padding: \"12px 24px\",\r\n          boxShadow: \"0 2px 8px #0001\",\r\n          borderBottom: \"1px solid #eef\",\r\n          height: 40,\r\n          display: \"flex\",\r\n          alignItems: \"center\",\r\n          gap: 18,\r\n        }}\r\n      >\r\n        <span style={{ color: \"#3887be\", fontWeight: 600 }}>🌟 상태: 정상</span>\r\n        <span style={{ color: \"#555\" }}>실시간 알림/위젯</span>\r\n\r\n        {isMobile && (\r\n          <MenuButton\r\n            onClick={() => setSidebarOpen((open) => !open)}\r\n            isOpen={sidebarOpen}\r\n          />\r\n        )}\r\n      </div>\r\n\r\n      <Sidebar\r\n        visible={sidebarOpen}\r\n        isMobile={isMobile}\r\n        onClose={() => setSidebarOpen(false)}\r\n      />\r\n    </>\r\n  );\r\n}\r\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,OAAO,MAAM,WAAW;AAAC,SAAAC,MAAA,IAAAC,OAAA,EAAAC,QAAA,IAAAC,SAAA;AAEhC,eAAe,SAASC,KAAKA,CAAA,EAAG;EAAAC,EAAA;EAC9B,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGV,QAAQ,CAACW,MAAM,CAACC,UAAU,GAAG,GAAG,CAAC;EACjE,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGd,QAAQ,CAACW,MAAM,CAACC,UAAU,IAAI,GAAG,CAAC,CAAC,CAAC;;EAE1E;EACAb,SAAS,CAAC,MAAM;IACd,MAAMgB,YAAY,GAAGA,CAAA,KAAM;MACzB,MAAMC,MAAM,GAAGL,MAAM,CAACC,UAAU,GAAG,GAAG;MACtCF,WAAW,CAACM,MAAM,CAAC;MACnBF,cAAc,CAAC,CAACE,MAAM,CAAC,CAAC,CAAC;IAC3B,CAAC;IACDL,MAAM,CAACM,gBAAgB,CAAC,QAAQ,EAAEF,YAAY,CAAC;IAC/C,OAAO,MAAMJ,MAAM,CAACO,mBAAmB,CAAC,QAAQ,EAAEH,YAAY,CAAC;EACjE,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEX,OAAA,CAAAE,SAAA;IAAAa,QAAA,gBACEf,OAAA;MACEgB,KAAK,EAAE;QACLC,QAAQ,EAAE,OAAO;QACjBC,GAAG,EAAE,EAAE;QACPC,IAAI,EAAE,CAAC;QACPC,KAAK,EAAE,CAAC;QACRC,MAAM,EAAE,EAAE;QACVC,UAAU,EAAE,SAAS;QACrBC,OAAO,EAAE,WAAW;QACpBC,SAAS,EAAE,iBAAiB;QAC5BC,YAAY,EAAE,gBAAgB;QAC9BC,MAAM,EAAE,EAAE;QACVC,OAAO,EAAE,MAAM;QACfC,UAAU,EAAE,QAAQ;QACpBC,GAAG,EAAE;MACP,CAAE;MAAAd,QAAA,gBAEFf,OAAA;QAAMgB,KAAK,EAAE;UAAEc,KAAK,EAAE,SAAS;UAAEC,UAAU,EAAE;QAAI,CAAE;QAAAhB,QAAA,EAAC;MAAS;QAAAiB,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAAM,CAAC,eACpEnC,OAAA;QAAMgB,KAAK,EAAE;UAAEc,KAAK,EAAE;QAAO,CAAE;QAAAf,QAAA,EAAC;MAAS;QAAAiB,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAAM,CAAC,EAE/C9B,QAAQ,iBACPL,OAAA,CAACH,UAAU;QACTuC,OAAO,EAAEA,CAAA,KAAM1B,cAAc,CAAE2B,IAAI,IAAK,CAACA,IAAI,CAAE;QAC/CC,MAAM,EAAE7B;MAAY;QAAAuB,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OACrB,CACF;IAAA;MAAAH,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OACE,CAAC,eAENnC,OAAA,CAACF,OAAO;MACNyC,OAAO,EAAE9B,WAAY;MACrBJ,QAAQ,EAAEA,QAAS;MACnBmC,OAAO,EAAEA,CAAA,KAAM9B,cAAc,CAAC,KAAK;IAAE;MAAAsB,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OACtC,CAAC;EAAA,eACF,CAAC;AAEP;AAAC/B,EAAA,CApDuBD,KAAK;AAAAsC,EAAA,GAALtC,KAAK;AAAA,IAAAsC,EAAA;AAAAC,YAAA,CAAAD,EAAA","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}