1 line
48 KiB
JSON
1 line
48 KiB
JSON
|
{"ast":null,"code":"import{useState}from'react';import Slider from'../../common/Slider';import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";export default function FilterComponent(_ref){let{isOpen,onToggle}=_ref;// 투명도\nconst[opacity,setOpacity]=useState(70);// 아코디언\nconst[isAccordionOpen1,setIsAccordionOpen1]=useState(true);// 기존\nconst[isAccordionOpen2,setIsAccordionOpen2]=useState(true);// \nconst[isAccordionOpen3,setIsAccordionOpen3]=useState(true);// \nconst[isAccordionOpen4,setIsAccordionOpen4]=useState(false);// \nconst toggleAccordion1=()=>setIsAccordionOpen1(prev=>!prev);const toggleAccordion2=()=>setIsAccordionOpen2(prev=>!prev);const toggleAccordion3=()=>setIsAccordionOpen3(prev=>!prev);const toggleAccordion4=()=>setIsAccordionOpen4(prev=>!prev);// 탭이동\nconst[activeTab,setActiveTab]=useState('filter');const tabs=[{id:'filter',label:'필터'},{id:'layer',label:'레이어'}];return/*#__PURE__*/_jsxs(\"aside\",{className:\"slidePanel \".concat(!isOpen?'is-closed':''),children:[/*#__PURE__*/_jsx(\"div\",{className:\"tabBox p0\",children:/*#__PURE__*/_jsx(\"div\",{className:\"tabDefault borderLess\",children:tabs.map(tab=>/*#__PURE__*/_jsx(\"button\",{type:\"button\",className:activeTab===tab.id?'on':'',onClick:()=>setActiveTab(tab.id),children:tab.label},tab.id))})}),/*#__PURE__*/_jsx(\"div\",{className:\"tabWrap scrollY \".concat(activeTab==='filter'?'is-active':''),children:/*#__PURE__*/_jsxs(\"div\",{className:\"tabWrapInner\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"tabWrapCnt\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"switchGroup\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"sgHeader\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"colL\",children:[/*#__PURE__*/_jsx(\"span\",{children:\"\\uC2E0\\uD638\"}),/*#__PURE__*/_jsxs(\"label\",{className:\"switch\",children:[\" \",/*#__PURE__*/_jsx(\"input\",{type:\"checkbox\",\"aria-label\":\"\\uC2E0\\uD638\"}),\" \",/*#__PURE__*/_jsx(\"span\",{})]})]}),/*#__PURE__*/_jsx(\"button\",{type:\"button\",className:\"toggleBtn \".concat(isAccordionOpen1?'is-open':''),\"aria-expanded\":isAccordionOpen1,onClick:toggleAccordion1})]}),/*#__PURE__*/_jsx(\"div\",{className:\"switchBox \".concat(isAccordionOpen1?'is-open':''),children:/*#__PURE__*/_jsxs(\"ul\",{className:\"switchList\",children:[/*#__PURE__*/_jsxs(\"li\",{children:[/*#__PURE__*/_jsx(\"span\",{children:\"AIS\"}),/*#__PURE__*/_jsxs(\"label\",{className:\"switch sm\",children:[\" \",/*#__PURE__*/_jsx(\"input\",{type:\"checkbox\",\"aria-label\":\"AIS\"}),\" \",/*#__PURE__*/_jsx(\"span\",{})]})]}),/*#__PURE__*/_jsxs(\"li\",{children:[/*#__PURE__*/_jsx(\"span\",{children:\"V-PASS\"}),/*#__PURE__*/_jsxs(\"label\",{className:\"switch sm\",children:[\" \",/*#__PURE__*/_jsx(\"input\",{type:\"checkbox\",\"aria-label\":\"V-PASS\"}),\" \",/*#__PURE__*/_jsx(\"span\",{})]})]}),/*#__PURE__*/_jsxs(\"li\",{children:[/*#__PURE__*/_jsx(\"span\",{children:\"VTS_AIS\"}),/*#__PURE__*/_jsxs(\"label\",{className:\"switch sm\",children:[\" \",/*#__PURE__*/_jsx(\"input\",{type:\"checkbox\",\"aria-label\":\"VTS_AIS\"}),\" \",/*#__PURE__*/_jsx(\"span\",{})]})]}),/*#__PURE__*/_jsxs(\"li\",{children:[/*#__PURE__*/_jsx(\"span\",{children:\"D_MF_HF\"}),/*#__PURE__*/_jsxs(\"label\",{className:\"switch sm\",children:[\" \",/*#__PURE__*/_jsx(\"input\",{type:\"checkbox\",\"aria-label\":\"D_MF_HF\"}),\" \",/*#__PURE__*/_jsx(\"span\",{})]})]}),/*#__PURE__*/_jsxs(\"li\",{children:[/*#__PURE__*/_jsx(\"span\",{children:\"VTS_RADAR\"}),/*#__PURE__*/_jsxs(\"label\",{className:\"switch sm\",children:[\" \",/*#__PURE__*/_jsx(\"input\",{type:\"checkbox\",\"aria-label\":\"VTS_RADAR\"}),\" \",/*#__PURE__*/_jsx(\"span\",{})]})]})]})})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"switchGroup\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"sgHeader\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"colL\",children:[/*#__PURE__*/_jsx(\"span\",{children:\"\\uC120\\uC885/\\uAE30\\uC885\"}),/*#__PURE__*/_jsxs(\"label\",{className:\"switch\",children:[\" \",/*#__PURE__*/_jsx(\"input\",{type:\"checkbox\",\"aria
|