{"ast":null,"code":"var _jsxFileName = \"/Users/laurynj/Desktop/\\u1112\\u1162\\u110B\\u1163\\u11BC\\u1100\\u1167\\u11BC\\u110E\\u1161\\u11AF\\u110B\\u1165\\u11B8 \\u1100\\u1169\\u11BC\\u1100\\u1169\\u11BC\\u1109\\u1161\\u110B\\u1165\\u11B8/@GIS_\\u1112\\u1161\\u11B7\\u110C\\u1165\\u11BC\\u110B\\u116D\\u11BC/GIS_\\u1112\\u1161\\u11B7\\u110C\\u1165\\u11BC\\u110B\\u116D\\u11BC_\\u1105\\u1175\\u110B\\u1162\\u11A8\\u1110\\u1173/dark/src/component/wrap/side/NavComponent.jsx\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nexport default function NavComponent({\n  activeKey,\n  onChange\n}) {\n  const gnbList = [{\n    key: 'gnb1',\n    class: 'gnb1',\n    label: '선박'\n  }, {\n    key: 'gnb2',\n    class: 'gnb2',\n    label: '위성'\n  }, {\n    key: 'gnb3',\n    class: 'gnb3',\n    label: '기상'\n  }, {\n    key: 'gnb4',\n    class: 'gnb4',\n    label: '분석'\n  }, {\n    key: 'gnb5',\n    class: 'gnb5',\n    label: '타임라인'\n  }, {\n    key: 'gnb6',\n    class: 'gnb6',\n    label: 'AI모드'\n  }, {\n    key: 'gnb7',\n    class: 'gnb7',\n    label: '리플레이'\n  }, {\n    key: 'gnb8',\n    class: 'gnb8',\n    label: '항적조회'\n  }];\n  const sideList = [{\n    key: 'side1',\n    class: 'side1',\n    label: '필터'\n  }, {\n    key: 'side2',\n    class: 'side2',\n    label: '레이어'\n  }];\n  return /*#__PURE__*/_jsxDEV(\"nav\", {\n    id: \"nav\",\n    children: [/*#__PURE__*/_jsxDEV(\"ul\", {\n      className: \"gnb\",\n      children: gnbList.map(item => /*#__PURE__*/_jsxDEV(\"li\", {\n        children: /*#__PURE__*/_jsxDEV(\"button\", {\n          type: \"button\",\n          className: `${item.class} ${activeKey === item.key ? 'active' : ''}`,\n          onClick: () => onChange(item.key),\n          \"aria-label\": item.label,\n          children: /*#__PURE__*/_jsxDEV(\"span\", {\n            className: \"blind\",\n            children: item.label\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 46,\n            columnNumber: 21\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 40,\n          columnNumber: 21\n        }, this)\n      }, item.key, false, {\n        fileName: _jsxFileName,\n        lineNumber: 39,\n        columnNumber: 17\n      }, this))\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 37,\n      columnNumber: 13\n    }, this), /*#__PURE__*/_jsxDEV(\"ul\", {\n      className: \"side\",\n      children: sideList.map(item => /*#__PURE__*/_jsxDEV(\"li\", {\n        children: /*#__PURE__*/_jsxDEV(\"button\", {\n          type: \"button\",\n          className: `${item.class} ${activeKey === item.key ? 'active' : ''}`,\n          onClick: () => onChange(item.key),\n          \"aria-label\": item.label,\n          children: /*#__PURE__*/_jsxDEV(\"span\", {\n            className: \"blind\",\n            children: item.label\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 61,\n            columnNumber: 21\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 55,\n          columnNumber: 21\n        }, this)\n      }, item.key, false, {\n        fileName: _jsxFileName,\n        lineNumber: 54,\n        columnNumber: 17\n      }, this))\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 52,\n      columnNumber: 13\n    }, this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 19,\n    columnNumber: 9\n  }, this);\n}\n_c = NavComponent;\nvar _c;\n$RefreshReg$(_c, \"NavComponent\");","map":{"version":3,"names":["NavComponent","activeKey","onChange","gnbList","key","class","label","sideList","_jsxDEV","id","children","className","map","item","type","onClick","fileName","_jsxFileName","lineNumber","columnNumber","_c","$RefreshReg$"],"sources":["/Users/laurynj/Desktop/해양경찰업 공공사업/@GIS_함정용/GIS_함정용_리액트/dark/src/component/wrap/side/NavComponent.jsx"],"sourcesContent":["export default function NavComponent({ activeKey, onChange }) {\n    const gnbList = [\n        { key: 'gnb1', class: 'gnb1', label: '선박' },\n        { key: 'gnb2', class: 'gnb2', label: '위성' },\n        { key: 'gnb3', class: 'gnb3', label: '기상' },\n        { key: 'gnb4', class: 'gnb4', label: '분석' },\n        { key: 'gnb5', class: 'gnb5', label: '타임라인' },\n        { key: 'gnb6', class: 'gnb6', label: 'AI모드' },\n        { key: 'gnb7', class: 'gnb7', label: '리플레이' },\n        { key: 'gnb8', class: 'gnb8', label: '항적조회' },\n    ];\n\n    const sideList = [\n        { key: 'side1', class: 'side1', label: '필터' },\n        { key: 'side2', class: 'side2', label: '레이어' },\n    ];\n\n    return(\n        <nav id=\"nav\">\n\n            {/* <ul className=\"gnb\">\n                <li><button type=\"button\" className=\"gnb1 active\" title=\"선박\"></button></li>\n                <li><button type=\"button\" className=\"gnb2\" title=\"위성\"><span className=\"blind\">위성</span></button></li>\n                <li><button type=\"button\" className=\"gnb3\" title=\"기상\"><span className=\"blind\">기상</span></button></li>\n                <li><button type=\"button\" className=\"gnb4\" title=\"분석\"><span className=\"blind\">분석</span></button></li>\n                <li><button type=\"button\" className=\"gnb5\" title=\"타임라인\"><span className=\"blind\">타임라인</span></button></li>\n                <li><button type=\"button\" className=\"gnb6\" title=\"챗봇\"><span className=\"blind\">챗봇</span></button></li>\n                <li><button type=\"button\" className=\"gnb7\" title=\"리플레이\"><span className=\"blind\">리플레이</span></button></li>\n                <li><button type=\"button\" className=\"gnb8\" title=\"항적조회\"><span className=\"blind\">항적조회</span></button></li>\n            </ul>\n\n            <ul className=\"side\">\n                <li><button type=\"button\" className=\"side1\" title=\"필터\"><span className=\"blind\">필터</span></button></li>\n                <li><button type=\"button\" className=\"side2\" title=\"레이어\"><span className=\"blind\">레이어</span></button></li>\n            </ul> */}\n\n            <ul className=\"gnb\">\n                {gnbList.map(item => (\n                <li key={item.key}>\n                    <button\n                    type=\"button\"\n                    className={`${item.class} ${activeKey === item.key ? 'active' : ''}`}\n                    onClick={() => onChange(item.key)}\n                    aria-label={item.label}\n                    >\n                    <span className=\"blind\">{item.label}</span>\n                    </button>\n                </li>\n                ))}\n            </ul>\n\n            <ul className=\"side\">\n                {sideList.map(item => (\n                <li key={item.key}>\n                    <button\n                    type=\"button\"\n                    className={`${item.class} ${activeKey === item.key ? 'active' : ''}`}\n                    onClick={() => onChange(item.key)}\n                    aria-label={item.label}\n                    >\n                    <span className=\"blind\">{item.label}</span>\n                    </button>\n                </li>\n                ))}\n            </ul>\n\n        </nav>\n    )\n}\n"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}