1 line
21 KiB
JSON
1 line
21 KiB
JSON
|
{"ast":null,"code":"import _objectSpread from\"/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/node_modules/@babel/runtime/helpers/esm/objectSpread2.js\";import{useState}from'react';import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";export default function Signal2Component(){// 팝업\nconst[isOpen,setIsOpen]=useState(true);// 처음 열림\nconst closePopup=()=>setIsOpen(false);// 아코디언 상태 (3개, 초기 모두 열림)\nconst[accordionOpen,setAccordionOpen]=useState({signal1:true,signal2:true,signal3:true});const toggleAccordion=key=>{setAccordionOpen(prev=>_objectSpread(_objectSpread({},prev),{},{[key]:!prev[key]}));};return/*#__PURE__*/_jsx(\"section\",{id:\"SignalComponent\",children:isOpen&&/*#__PURE__*/_jsx(\"div\",{className:\"popupUtillWrap\",children:/*#__PURE__*/_jsxs(\"div\",{className:\"popupUtill\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"puHeader\",children:[/*#__PURE__*/_jsx(\"span\",{className:\"title\",children:\"\\uB9DE\\uCDA4 \\uC124\\uC815\"}),/*#__PURE__*/_jsx(\"button\",{type:\"button\",className:\"puClose\",\"aria-label\":\"\\uB2EB\\uAE30\",onClick:closePopup})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"puBody\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"accordionWrap\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"acdHeader\",children:[/*#__PURE__*/_jsx(\"span\",{className:\"title\",children:\"NLL \\uACE0\\uC18D \\uC120\\uBC15 \\uD0D0\\uC9C0\"}),/*#__PURE__*/_jsx(\"button\",{type:\"button\",className:\"toggleListBtn \".concat(accordionOpen.signal1?'open':''),onClick:()=>toggleAccordion('signal1'),\"aria-expanded\":accordionOpen.signal1,\"aria-label\":accordionOpen.signal1?'접기':'펼치기'})]}),/*#__PURE__*/_jsx(\"div\",{className:\"acdListBox \".concat(accordionOpen.signal1?'open':''),children:/*#__PURE__*/_jsxs(\"ul\",{className:\"acdList input\",children:[/*#__PURE__*/_jsxs(\"li\",{className:\"state\",children:[/*#__PURE__*/_jsxs(\"label\",{className:\"radio radioL\",children:[\" \",/*#__PURE__*/_jsx(\"input\",{type:\"radio\",name:\"state1\",\"aria-label\":\"\\uC0AC\\uC6A9\"}),\" \",/*#__PURE__*/_jsx(\"span\",{children:\"\\uC0AC\\uC6A9\"})]}),/*#__PURE__*/_jsxs(\"label\",{className:\"radio radioL\",children:[\" \",/*#__PURE__*/_jsx(\"input\",{type:\"radio\",name:\"state1\",\"aria-label\":\"\\uBBF8\\uC0AC\\uC6A9\"}),\" \",/*#__PURE__*/_jsx(\"span\",{children:\"\\uBBF8\\uC0AC\\uC6A9\"})]})]}),/*#__PURE__*/_jsx(\"li\",{className:\"input\",children:/*#__PURE__*/_jsxs(\"label\",{children:[/*#__PURE__*/_jsx(\"span\",{children:\"SOG \\uAE30\\uC900\"}),/*#__PURE__*/_jsx(\"input\",{type:\"text\",placeholder:\"\"})]})}),/*#__PURE__*/_jsx(\"li\",{className:\"input\",children:/*#__PURE__*/_jsxs(\"label\",{children:[/*#__PURE__*/_jsx(\"span\",{children:\"COG \\uAE30\\uC900\"}),/*#__PURE__*/_jsx(\"input\",{type:\"text\",placeholder:\"\"})]})}),/*#__PURE__*/_jsx(\"li\",{className:\"input\",children:/*#__PURE__*/_jsxs(\"label\",{children:[/*#__PURE__*/_jsx(\"span\",{children:\"\\uC720\\uC9C0\\uC2DC\\uAC04(\\uBD84)\"}),/*#__PURE__*/_jsx(\"input\",{type:\"text\",placeholder:\"\"})]})})]})})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"accordionWrap\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"acdHeader\",children:[/*#__PURE__*/_jsx(\"span\",{className:\"title\",children:\"\\uD2B9\\uC815 \\uC5B4\\uC5C5\\uC218\\uC5ED \\uD0D0\\uC9C0\"}),/*#__PURE__*/_jsx(\"button\",{type:\"button\",className:\"toggleListBtn \".concat(accordionOpen.signal2?'open':''),onClick:()=>toggleAccordion('signal2'),\"aria-expanded\":accordionOpen.signal2,\"aria-label\":accordionOpen.signal2?'접기':'펼치기'})]}),/*#__PURE__*/_jsx(\"div\",{className:\"acdListBox \".concat(accordionOpen.signal2?'open':''),children:/*#__PURE__*/_jsxs(\"ul\",{className:\"acdL
|