{"ast":null,"code":"var _jsxFileName = \"D:\\\\Project\\\\UC_Trains_Voice\\\\react-demo\\\\src\\\\gavt\\\\Word.tsx\",\n  _s = $RefreshSig$();\nimport React from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { Card, Button, Flex } from 'antd';\nimport { RetweetOutlined, LeftCircleOutlined, RightCircleOutlined, ArrowLeftOutlined } from '@ant-design/icons';\nimport { jsxDEV as _jsxDEV, Fragment as _Fragment } from \"react/jsx-dev-runtime\";\nconst vowel = \"/i/\";\nconst word = \"seed\";\nconst Word = ({\n  frequenciesArray,\n  currentVowel,\n  customFrequency,\n  onNextVowel\n}) => {\n  _s();\n  const navigate = useNavigate();\n  const handleBack = () => {\n    navigate(-1);\n  };\n  return /*#__PURE__*/_jsxDEV(_Fragment, {\n    children: [/*#__PURE__*/_jsxDEV(\"div\", {\n      children: /*#__PURE__*/_jsxDEV(\"p\", {\n        children: [\"Vowels you just chose to practice: \", frequenciesArray.map(f => f.vowel).join(', ')]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 33,\n        columnNumber: 17\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 32,\n      columnNumber: 13\n    }, this), /*#__PURE__*/_jsxDEV(\"h2\", {\n      children: [\"Current Vowel: \", currentVowel.vowel]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 35,\n      columnNumber: 13\n    }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n      children: [\"Official Target Frequency: \", currentVowel.freq, \" Hz.\", customFrequency !== currentVowel.freq && ` Customized Target Frequency was set, the value is ${customFrequency} Hz. `]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 36,\n      columnNumber: 13\n    }, this), /*#__PURE__*/_jsxDEV(Flex, {\n      gap: \"small\",\n      style: {\n        margin: '10px'\n      },\n      children: [/*#__PURE__*/_jsxDEV(Button, {\n        icon: /*#__PURE__*/_jsxDEV(ArrowLeftOutlined, {}, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 41,\n          columnNumber: 31\n        }, this),\n        onClick: handleBack,\n        children: \"Back to the previous page\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 41,\n        columnNumber: 17\n      }, this), /*#__PURE__*/_jsxDEV(Button, {\n        icon: /*#__PURE__*/_jsxDEV(RetweetOutlined, {}, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 42,\n          columnNumber: 31\n        }, this),\n        onClick: onNextVowel,\n        children: \"Try a different vowel\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 42,\n        columnNumber: 17\n      }, this), /*#__PURE__*/_jsxDEV(Button, {\n        icon: /*#__PURE__*/_jsxDEV(RetweetOutlined, {}, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 43,\n          columnNumber: 31\n        }, this),\n        children: \"Try a different word\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 43,\n        columnNumber: 17\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 40,\n      columnNumber: 13\n    }, this), /*#__PURE__*/_jsxDEV(Card, {\n      title: `${word}`,\n      bordered: false,\n      style: {\n        width: 300\n      },\n      children: [/*#__PURE__*/_jsxDEV(\"p\", {\n        children: `Current vowel: ${vowel}`\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 47,\n        columnNumber: 17\n      }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n        children: `Current word chain begins with: \"Seed\" `\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 48,\n        columnNumber: 17\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 46,\n      columnNumber: 13\n    }, this), /*#__PURE__*/_jsxDEV(Flex, {\n      gap: \"small\",\n      style: {\n        margin: '10px'\n      },\n      children: [/*#__PURE__*/_jsxDEV(Button, {\n        icon: /*#__PURE__*/_jsxDEV(LeftCircleOutlined, {}, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 51,\n          columnNumber: 31\n        }, this),\n        children: \"Less complex\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 51,\n        columnNumber: 17\n      }, this), /*#__PURE__*/_jsxDEV(Button, {\n        type: \"primary\",\n        icon: /*#__PURE__*/_jsxDEV(RightCircleOutlined, {}, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 52,\n          columnNumber: 46\n        }, this),\n        children: \"More complex\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 52,\n        columnNumber: 17\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 50,\n      columnNumber: 13\n    }, this)]\n  }, void 0, true);\n};\n_s(Word, \"CzcTeTziyjMsSrAVmHuCCb6+Bfg=\", false, function () {\n  return [useNavigate];\n});\n_c = Word;\nexport default Word;\nvar _c;\n$RefreshReg$(_c, \"Word\");","map":{"version":3,"names":["React","useNavigate","Card","Button","Flex","RetweetOutlined","LeftCircleOutlined","RightCircleOutlined","ArrowLeftOutlined","jsxDEV","_jsxDEV","Fragment","_Fragment","vowel","word","Word","frequenciesArray","currentVowel","customFrequency","onNextVowel","_s","navigate","handleBack","children","map","f","join","fileName","_jsxFileName","lineNumber","columnNumber","freq","gap","style","margin","icon","onClick","title","bordered","width","type","_c","$RefreshReg$"],"sources":["D:/Project/UC_Trains_Voice/react-demo/src/gavt/Word.tsx"],"sourcesContent":["import React from 'react';\r\nimport { useNavigate } from 'react-router-dom';\r\n\r\nimport { Card, Button, Flex } from 'antd';\r\nimport { RetweetOutlined, LeftCircleOutlined, RightCircleOutlined, ArrowLeftOutlined } from '@ant-design/icons';\r\n\r\ninterface WordProps {\r\n    frequenciesArray: {\r\n      vowel: string;\r\n      freq: number;\r\n    }[];\r\n    currentVowel: {\r\n      vowel: string;\r\n      freq: number;\r\n    };\r\n    customFrequency:  number;\r\n    onNextVowel: () => void;\r\n  }\r\n\r\nconst vowel=\"/i/\";\r\nconst word=\"seed\";\r\n\r\nconst Word: React.FC<WordProps> = ({ frequenciesArray, currentVowel, customFrequency, onNextVowel }) => {\r\n    const navigate = useNavigate();\r\n\r\n    const handleBack = () => {\r\n        navigate(-1);\r\n    }\r\n    \r\n    return(\r\n        <>\r\n            <div>\r\n                <p>Vowels you just chose to practice: {frequenciesArray.map(f => f.vowel).join(', ')}</p>\r\n            </div>\r\n            <h2>Current Vowel: {currentVowel.vowel}</h2>\r\n            <p>Official Target Frequency: {currentVowel.freq} Hz. \r\n                {customFrequency !== currentVowel.freq && \r\n                    ` Customized Target Frequency was set, the value is ${customFrequency} Hz. `}\r\n            </p>\r\n            <Flex gap=\"small\" style={{margin:'10px'}}>\r\n                <Button icon={<ArrowLeftOutlined />} onClick={handleBack}>Back to the previous page</Button> \r\n                <Button icon={<RetweetOutlined />} onClick={onNextVowel}>Try a different vowel</Button>\r\n                <Button icon={<RetweetOutlined />}>Try a different word</Button>\r\n            </Flex>\r\n        \r\n            <Card title={`${word}`} bordered={false} style={{ width: 300 }}>\r\n                <p>{`Current vowel: ${vowel}`}</p>\r\n                <p>{`Current word chain begins with: \"Seed\" `}</p>\r\n            </Card>\r\n            <Flex gap=\"small\" style={{margin:'10px'}}>\r\n                <Button icon={<LeftCircleOutlined />}>Less complex</Button>\r\n                <Button type=\"primary\" icon={<RightCircleOutlined />}>More complex</Button>\r\n            </Flex>\r\n        </>\r\n    )\r\n};\r\n\r\nexport default Word;"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}