1 line
37 KiB
JSON
1 line
37 KiB
JSON
|
{"ast":null,"code":"import{useState}from'react';import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";export default function Panel3Component(_ref){let{isOpen,onToggle}=_ref;// 탭이동\nconst[activeTab,setActiveTab]=useState('weather01');const tabs=[{id:'weather01',label:'기상특보'},{id:'weather02',label:'태풍정보'},{id:'weather03',label:'조위관측'},{id:'weather04',label:'조석정보'},{id:'weather05',label:'항공기상'}];return/*#__PURE__*/_jsxs(\"aside\",{className:\"slidePanel \".concat(!isOpen?'is-closed':''),children:[/*#__PURE__*/_jsx(\"div\",{className:\"tabBox\",children:/*#__PURE__*/_jsx(\"div\",{className:\"tabDefault\",children:tabs.map(tab=>/*#__PURE__*/_jsx(\"button\",{type:\"button\",className:activeTab===tab.id?'on':'',onClick:()=>setActiveTab(tab.id),children:tab.label},tab.id))})}),/*#__PURE__*/_jsxs(\"div\",{className:\"tabWrap \".concat(activeTab==='weather01'?'is-active':''),children:[/*#__PURE__*/_jsxs(\"div\",{className:\"tabTop\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"title\",children:\"\\uAE30\\uC0C1\\uD2B9\\uBCF4\"}),/*#__PURE__*/_jsx(\"div\",{className:\"formGroup\",children:/*#__PURE__*/_jsxs(\"ul\",{children:[/*#__PURE__*/_jsx(\"li\",{children:/*#__PURE__*/_jsxs(\"label\",{children:[/*#__PURE__*/_jsx(\"span\",{children:\"\\uC77C\\uC790\"}),/*#__PURE__*/_jsxs(\"div\",{className:\"labelRow\",children:[/*#__PURE__*/_jsx(\"input\",{type:\"text\",className:\"dateInput\",placeholder:\"\\uC5F0\\uB3C4-\\uC6D4-\\uC77C\"}),/*#__PURE__*/_jsx(\"span\",{children:\"-\"}),/*#__PURE__*/_jsx(\"input\",{type:\"text\",className:\"dateInput\",placeholder:\"\\uC5F0\\uB3C4-\\uC6D4-\\uC77C\"})]})]})}),/*#__PURE__*/_jsx(\"li\",{className:\"fgBtn\",children:/*#__PURE__*/_jsx(\"button\",{type:\"button\",className:\"schBtn\",children:\"\\uAC80\\uC0C9\"})})]})})]}),/*#__PURE__*/_jsx(\"div\",{className:\"tabBtm\",children:/*#__PURE__*/_jsxs(\"ul\",{className:\"colList lineSB\",children:[/*#__PURE__*/_jsx(\"li\",{children:/*#__PURE__*/_jsxs(\"a\",{href:\"#!\",className:\"\",children:[/*#__PURE__*/_jsx(\"span\",{className:\"title\",children:\"1. \\uD3ED\\uD48D\\uC8FC\\uC758: \\uB0A8\\uD574\"}),/*#__PURE__*/_jsx(\"span\",{className:\"meta\",children:\"\\uC2DC\\uC791\\uC77C\\uC2DC 00:00:00 / \\uBC1C\\uD6A8\\uC77C\\uC2DC 00:00:00\"})]})}),/*#__PURE__*/_jsx(\"li\",{children:/*#__PURE__*/_jsxs(\"a\",{href:\"#!\",className:\"\",children:[/*#__PURE__*/_jsx(\"span\",{className:\"title\",children:\"2. \\uD3ED\\uD48D\\uC8FC\\uC758: \\uC11C\\uD574\"}),/*#__PURE__*/_jsx(\"span\",{className:\"meta\",children:\"\\uC2DC\\uC791\\uC77C\\uC2DC 00:00:00 / \\uBC1C\\uD6A8\\uC77C\\uC2DC 00:00:00\"})]})}),/*#__PURE__*/_jsx(\"li\",{children:/*#__PURE__*/_jsxs(\"a\",{href:\"#!\",className:\"\",children:[/*#__PURE__*/_jsx(\"span\",{className:\"title\",children:\"3. \\uD3ED\\uD48D\\uC8FC\\uC758: \\uB3D9\\uD574\"}),/*#__PURE__*/_jsx(\"span\",{className:\"meta\",children:\"\\uC2DC\\uC791\\uC77C\\uC2DC 00:00:00 / \\uBC1C\\uD6A8\\uC77C\\uC2DC 00:00:00\"})]})})]})})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"tabWrap \".concat(activeTab==='weather02'?'is-active':''),children:[/*#__PURE__*/_jsxs(\"div\",{className:\"tabTop\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"title\",children:\"\\uD0DC\\uD48D\\uC815\\uBCF4\"}),/*#__PURE__*/_jsx(\"div\",{className:\"formGroup\",children:/*#__PURE__*/_jsxs(\"ul\",{children:[/*#__PURE__*/_jsxs(\"li\",{children:[/*#__PURE__*/_jsxs(\"label\",{children:[/*#__PURE__*/_jsx(\"span\",{children:\"\\uC5F0\\uB3C4\"}),/*#__PURE__*/_jsx(\"select\",{children:/*#__PURE__*/_jsx(\"option\",{value:\"\",children:\"\\uC120\\uD0DD\"})})]}),/*#__PURE__*/_jsxs(\"label\",{children:[/*#__PURE__*/_jsx(\"span\",{children:\"\\uC6D4\"}),/*#__PURE__*/_jsx(\"select\",{children:/*#__PURE__*/_jsx(\"option\",{value:\"\",children:\"\\uC120\\uD0DD\"})})]})]}),/*#__PURE__*/_jsx(\"li\",{className:\"fgBtn\",children:/*#__PURE__*/_jsx(\"button\",{type:\"button\",className:\"schBtn\",children:\"\\uAC80\\uC0C9\"})})]})})]}),/*#__PURE__*/_jsx(\"div\",{className:\"tabBtm\",children:/*#__PURE__*/_jsxs(\"ul\",{className:\"co
|