{"ast":null,"code":"var _jsxFileName = \"/Users/shanyi/Desktop/Projects/UC_Trains_Voice/react-demo/src/gavt/Tutorial/GavtTutorial.jsx\",\n  _s = $RefreshSig$();\nimport { Tabs, Row, Col, Card } 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(Row, {\n        gutter: 20,\n        style: {\n          padding: '20px'\n        },\n        children: [/*#__PURE__*/_jsxDEV(Col, {\n          span: 12,\n          children: /*#__PURE__*/_jsxDEV(Card, {\n            title: \"Pitch\",\n            bordered: true,\n            style: {\n              height: '1000px'\n            },\n            children: /*#__PURE__*/_jsxDEV(Sample, {\n              gender: gender,\n              setGender: setGender,\n              genderName: genderName,\n              audioKey: audioKey,\n              audioSrc: audioSrc,\n              fetchAudioData: fetchAudioData,\n              handleIconClick: handleIconClick,\n              itemsAvatar: itemsAvatar\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 54,\n              columnNumber: 19\n            }, this)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 53,\n            columnNumber: 17\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 52,\n          columnNumber: 15\n        }, this), /*#__PURE__*/_jsxDEV(Col, {\n          span: 12,\n          children: /*#__PURE__*/_jsxDEV(Card, {\n            title: \"Resonance\",\n            bordered: false,\n            style: {\n              height: '1000px'\n            },\n            styles: {\n              body: {\n                padding: 0,\n                display: 'flex',\n                justifyContent: 'center',\n                alignItems: 'center',\n                height: '100%'\n              }\n            },\n            children: /*#__PURE__*/_jsxDEV(CustomWave, {\n              canvasWidth: \"80%\"\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 79,\n              columnNumber: 21\n            }, this)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 67,\n            columnNumber: 17\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 66,\n          columnNumber: 15\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 51,\n        columnNumber: 13\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","Row","Col","Card","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","gutter","style","padding","span","title","bordered","height","styles","body","display","justifyContent","alignItems","canvasWidth","marginTop","width","_c","$RefreshReg$"],"sources":["/Users/shanyi/Desktop/Projects/UC_Trains_Voice/react-demo/src/gavt/Tutorial/GavtTutorial.jsx"],"sourcesContent":["import { Tabs, Row, Col, Card } 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            <Row gutter={20} style={{ padding: '20px' }}>\n              <Col span={12}>\n                <Card title=\"Pitch\" bordered={true} style={{ height: '1000px' }}>\n                  <Sample\n                    gender={gender}\n                    setGender={setGender}\n                    genderName={genderName}\n                    audioKey={audioKey}\n                    audioSrc={audioSrc}\n                    fetchAudioData={fetchAudioData}\n                    handleIconClick={handleIconClick}\n                    itemsAvatar={itemsAvatar}\n                  />\n                </Card>\n              </Col>\n              <Col span={12}>\n                <Card \n                  title=\"Resonance\"\n                  bordered={false}\n                  style={{ height: '1000px',}}\n                  styles={{ body: { \n                    padding: 0,                      \n                    display: 'flex',\n                    justifyContent: 'center',\n                    alignItems: 'center',\n                    height: '100%',\n                    } }}\n                >\n                    <CustomWave canvasWidth = '80%'/>\n                </Card>\n              </Col>\n            </Row>\n          },\n        ]}\n        style={{ marginTop: '50px', width: '100%', height: '100%' }}\n      />\n  )\n}\n\nexport default GavtTutorial;"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}