{"ast":null,"code":"var _jsxFileName = \"/home/magh/Documents/landing_page/src/App.js\",\n _s = $RefreshSig$();\nimport React, { useState } from \"react\";\nimport { useNavigate } from \"react-router-dom\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nfunction App() {\n _s();\n // State for search input and category selection\n const [query, setQuery] = useState(\"\");\n const [category, setCategory] = useState(\"science\"); // default category\n\n const navigate = useNavigate();\n const handleSubmit = e => {\n e.preventDefault();\n if (!query.trim()) return; // don't submit empty queries\n // Navigate to /results and pass query & category as state\n navigate(\"/results\", {\n state: {\n query,\n category\n }\n });\n // Now ResultsPage will receive `query` and `category` via useLocation\n };\n return /*#__PURE__*/_jsxDEV(\"div\", {\n className: `app-page ${category}-theme`,\n children: [/*#__PURE__*/_jsxDEV(\"header\", {\n className: \"app-header\",\n children: [/*#__PURE__*/_jsxDEV(\"img\", {\n src: `/assets/mascot-${category}.png`,\n alt: `${category} mascot`,\n className: \"mascot-img\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 22,\n columnNumber: 9\n }, this), /*#__PURE__*/_jsxDEV(\"h1\", {\n children: [category.charAt(0).toUpperCase() + category.slice(1), \" Search\"]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 27,\n columnNumber: 9\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 21,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(\"main\", {\n children: /*#__PURE__*/_jsxDEV(\"form\", {\n onSubmit: handleSubmit,\n className: \"search-form\",\n children: [/*#__PURE__*/_jsxDEV(\"input\", {\n type: \"text\",\n value: query,\n onChange: e => setQuery(e.target.value),\n placeholder: \"Enter search terms...\",\n required: true\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 33,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"category-options\",\n children: [/*#__PURE__*/_jsxDEV(\"label\", {\n children: [/*#__PURE__*/_jsxDEV(\"input\", {\n type: \"radio\",\n name: \"category\",\n value: \"science\",\n checked: category === \"science\",\n onChange: () => setCategory(\"science\")\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 43,\n columnNumber: 15\n }, this), \"Science\"]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 42,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(\"label\", {\n children: [/*#__PURE__*/_jsxDEV(\"input\", {\n type: \"radio\",\n name: \"category\",\n value: \"philosophy\",\n checked: category === \"philosophy\",\n onChange: () => setCategory(\"philosophy\")\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 53,\n columnNumber: 15\n }, this), \"Philosophy\"]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 52,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(\"label\", {\n children: [/*#__PURE__*/_jsxDEV(\"input\", {\n type: \"radio\",\n name: \"category\",\n value: \"tech\",\n checked: category === \"tech\",\n onChange: () => setCategory(\"tech\")\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 63,\n columnNumber: 15\n }, this), \"Tech\"]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 62,\n columnNumber: 13\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 41,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(\"button\", {\n type: \"submit\",\n className: \"search-button\",\n children: \"Search\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 75,\n columnNumber: 11\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 32,\n columnNumber: 9\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 30,\n columnNumber: 7\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 20,\n columnNumber: 5\n }, this);\n}\n_s(App, \"xFS5N5UJ2KbLErwReqx6RCbeZV0=\", false, function () {\n return [useNavigate];\n});\n_c = App;\nexport default App;\nvar _c;\n$RefreshReg$(_c, \"App\");","map":{"version":3,"names":["React","useState","useNavigate","jsxDEV","_jsxDEV","App","_s","query","setQuery","category","setCategory","navigate","handleSubmit","e","preventDefault","trim","state","className","children","src","alt","fileName","_jsxFileName","lineNumber","columnNumber","charAt","toUpperCase","slice","onSubmit","type","value","onChange","target","placeholder","required","name","checked","_c","$RefreshReg$"],"sources":["/home/magh/Documents/landing_page/src/App.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport { useNavigate } from \"react-router-dom\";\n\nfunction App() {\n // State for search input and category selection\n const [query, setQuery] = useState(\"\");\n const [category, setCategory] = useState(\"science\"); // default category\n\n const navigate = useNavigate();\n\n const handleSubmit = (e) => {\n e.preventDefault();\n if (!query.trim()) return; // don't submit empty queries\n // Navigate to /results and pass query & category as state\n navigate(\"/results\", { state: { query, category } });\n // Now ResultsPage will receive `query` and `category` via useLocation\n };\n\n return (\n