{"ast":null,"code":"var _jsxFileName = \"/Users/shanyi/Desktop/Projects/UC_Trains_Voice/react-demo/src/gavt/Tutorial/GavtTutorial.jsx\",\n  _s = $RefreshSig$();\nimport { Tabs } from 'antd';\nimport CustomWave from './CustomWave';\nimport TutorialGraphDisplay from './TutorialGraphDisplay';\nimport Sample from '../../Route/Sample';\nimport { useOptionsHooks } from '../../hooks/useOptionsHooks';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst onChange = key => {\n  console.log(key);\n};\nconst GavtTutorial = () => {\n  _s();\n  const {\n    gender,\n    setGender,\n    genderName,\n    audioPlayerNew,\n    audioKey,\n    audioSrc,\n    fetchAudioData,\n    handleIconClick,\n    itemsAvatar\n  } = useOptionsHooks();\n  return /*#__PURE__*/_jsxDEV(Tabs, {\n    tabPosition: \"left\",\n    onChange: onChange,\n    type: \"card\",\n    items: [{\n      label: 'Blank Slide with Wave',\n      key: '1',\n      children: /*#__PURE__*/_jsxDEV(CustomWave, {}, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 35,\n        columnNumber: 23\n      }, this)\n    }, {\n      label: 'Vowel toggle',\n      key: '2',\n      children: /*#__PURE__*/_jsxDEV(TutorialGraphDisplay, {\n        currentStep: \"7\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 40,\n        columnNumber: 23\n      }, this) //p3s1\n    }, {\n      label: 'Brighter/Darker toggle',\n      key: '3',\n      children: /*#__PURE__*/_jsxDEV(TutorialGraphDisplay, {\n        currentStep: \"10\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 45,\n        columnNumber: 23\n      }, this) //p4s2\n    }, {\n      label: 'Side-by-side pitch and resonance',\n      key: '4',\n      children: /*#__PURE__*/_jsxDEV(\"div\", {\n        children: [/*#__PURE__*/_jsxDEV(Sample, {\n          gender: gender,\n          setGender: setGender,\n          genderName: genderName\n          // audioPlayerNew={audioPlayerNew}\n          ,\n          audioKey: audioKey,\n          audioSrc: audioSrc,\n          fetchAudioData: fetchAudioData,\n          handleIconClick: handleIconClick,\n          itemsAvatar: itemsAvatar,\n          style: {\n            flex: 1,\n            marginRight: '10px'\n          }\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 52,\n          columnNumber: 17\n        }, this), /*#__PURE__*/_jsxDEV(CustomWave, {}, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 64,\n          columnNumber: 17\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 51,\n        columnNumber: 15\n      }, this)\n    }],\n    style: {\n      marginTop: '50px',\n      width: '100%',\n      height: '100%'\n    }\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 27,\n    columnNumber: 7\n  }, this);\n};\n_s(GavtTutorial, \"LmKNRV/7rCU1e2bb0beG8aphNgQ=\", false, function () {\n  return [useOptionsHooks];\n});\n_c = GavtTutorial;\nexport default GavtTutorial;\nvar _c;\n$RefreshReg$(_c, \"GavtTutorial\");","map":{"version":3,"names":["Tabs","CustomWave","TutorialGraphDisplay","Sample","useOptionsHooks","jsxDEV","_jsxDEV","onChange","key","console","log","GavtTutorial","_s","gender","setGender","genderName","audioPlayerNew","audioKey","audioSrc","fetchAudioData","handleIconClick","itemsAvatar","tabPosition","type","items","label","children","fileName","_jsxFileName","lineNumber","columnNumber","currentStep","style","flex","marginRight","marginTop","width","height","_c","$RefreshReg$"],"sources":["/Users/shanyi/Desktop/Projects/UC_Trains_Voice/react-demo/src/gavt/Tutorial/GavtTutorial.jsx"],"sourcesContent":["import { Tabs } from 'antd';\n\nimport CustomWave from './CustomWave'\nimport TutorialGraphDisplay from './TutorialGraphDisplay'\nimport Sample from '../../Route/Sample'\nimport { useOptionsHooks } from '../../hooks/useOptionsHooks';\n\nconst onChange = (key) => {\n  console.log(key);\n};\n\nconst GavtTutorial = () => {\n\n  const {\n    gender,\n    setGender,\n    genderName,\n    audioPlayerNew,\n    audioKey,\n    audioSrc,\n    fetchAudioData,\n    handleIconClick,\n    itemsAvatar,\n  } = useOptionsHooks();\n\n  return (\n      <Tabs\n        tabPosition='left'\n        onChange={onChange}\n        type=\"card\"\n        items={[\n          {\n            label: 'Blank Slide with Wave',\n            key: '1',\n            children: <CustomWave />,\n          },\n          {\n            label: 'Vowel toggle',\n            key: '2',\n            children: <TutorialGraphDisplay currentStep='7'/> //p3s1\n          },\n          {\n            label: 'Brighter/Darker toggle',\n            key: '3',\n            children: <TutorialGraphDisplay currentStep='10'/>, //p4s2\n          },\n          {\n            label: 'Side-by-side pitch and resonance',\n            key: '4',\n            children: \n              <div>                \n                <Sample                 \n                  gender={gender}\n                  setGender={setGender}\n                  genderName={genderName}\n                  // audioPlayerNew={audioPlayerNew}\n                  audioKey={audioKey}\n                  audioSrc={audioSrc}\n                  fetchAudioData={fetchAudioData}\n                  handleIconClick={handleIconClick}\n                  itemsAvatar={itemsAvatar}\n                  style={{ flex: 1, marginRight: '10px' }}          \n                />\n                <CustomWave />\n              </div>\n          },\n        ]}\n        style={{ marginTop: '50px', width: '100%', height: '100%' }}\n      />\n  )\n}\n\nexport default GavtTutorial;"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,MAAM;AAE3B,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,oBAAoB,MAAM,wBAAwB;AACzD,OAAOC,MAAM,MAAM,oBAAoB;AACvC,SAASC,eAAe,QAAQ,6BAA6B;AAAC,SAAAC,MAAA,IAAAC,OAAA;AAE9D,MAAMC,QAAQ,GAAIC,GAAG,IAAK;EACxBC,OAAO,CAACC,GAAG,CAACF,GAAG,CAAC;AAClB,CAAC;AAED,MAAMG,YAAY,GAAGA,CAAA,KAAM;EAAAC,EAAA;EAEzB,MAAM;IACJC,MAAM;IACNC,SAAS;IACTC,UAAU;IACVC,cAAc;IACdC,QAAQ;IACRC,QAAQ;IACRC,cAAc;IACdC,eAAe;IACfC;EACF,CAAC,GAAGjB,eAAe,CAAC,CAAC;EAErB,oBACIE,OAAA,CAACN,IAAI;IACHsB,WAAW,EAAC,MAAM;IAClBf,QAAQ,EAAEA,QAAS;IACnBgB,IAAI,EAAC,MAAM;IACXC,KAAK,EAAE,CACL;MACEC,KAAK,EAAE,uBAAuB;MAC9BjB,GAAG,EAAE,GAAG;MACRkB,QAAQ,eAAEpB,OAAA,CAACL,UAAU;QAAA0B,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAAE;IACzB,CAAC,EACD;MACEL,KAAK,EAAE,cAAc;MACrBjB,GAAG,EAAE,GAAG;MACRkB,QAAQ,eAAEpB,OAAA,CAACJ,oBAAoB;QAAC6B,WAAW,EAAC;MAAG;QAAAJ,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAAC,CAAC,CAAC;IACpD,CAAC,EACD;MACEL,KAAK,EAAE,wBAAwB;MAC/BjB,GAAG,EAAE,GAAG;MACRkB,QAAQ,eAAEpB,OAAA,CAACJ,oBAAoB;QAAC6B,WAAW,EAAC;MAAI;QAAAJ,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAAC,CAAC,CAAE;IACtD,CAAC,EACD;MACEL,KAAK,EAAE,kCAAkC;MACzCjB,GAAG,EAAE,GAAG;MACRkB,QAAQ,eACNpB,OAAA;QAAAoB,QAAA,gBACEpB,OAAA,CAACH,MAAM;UACLU,MAAM,EAAEA,MAAO;UACfC,SAAS,EAAEA,SAAU;UACrBC,UAAU,EAAEA;UACZ;UAAA;UACAE,QAAQ,EAAEA,QAAS;UACnBC,QAAQ,EAAEA,QAAS;UACnBC,cAAc,EAAEA,cAAe;UAC/BC,eAAe,EAAEA,eAAgB;UACjCC,WAAW,EAAEA,WAAY;UACzBW,KAAK,EAAE;YAAEC,IAAI,EAAE,CAAC;YAAEC,WAAW,EAAE;UAAO;QAAE;UAAAP,QAAA,EAAAC,YAAA;UAAAC,UAAA;UAAAC,YAAA;QAAA,OACzC,CAAC,eACFxB,OAAA,CAACL,UAAU;UAAA0B,QAAA,EAAAC,YAAA;UAAAC,UAAA;UAAAC,YAAA;QAAA,OAAE,CAAC;MAAA;QAAAH,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OACX;IACT,CAAC,CACD;IACFE,KAAK,EAAE;MAAEG,SAAS,EAAE,MAAM;MAAEC,KAAK,EAAE,MAAM;MAAEC,MAAM,EAAE;IAAO;EAAE;IAAAV,QAAA,EAAAC,YAAA;IAAAC,UAAA;IAAAC,YAAA;EAAA,OAC7D,CAAC;AAER,CAAC;AAAAlB,EAAA,CA3DKD,YAAY;EAAA,QAYZP,eAAe;AAAA;AAAAkC,EAAA,GAZf3B,YAAY;AA6DlB,eAAeA,YAAY;AAAC,IAAA2B,EAAA;AAAAC,YAAA,CAAAD,EAAA","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}