{"ast":null,"code":"var _jsxFileName = \"/home/magh/Documents/landing_page_experimental/src/App.jsx\",\n  _s = $RefreshSig$();\nimport React, { useState } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport './App.css';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nfunction App() {\n  _s();\n  const [query, setQuery] = useState('');\n  // use an array for multi-selection\n  const [selectedCategories, setSelectedCategories] = useState(['science']);\n  // Compute current category mapping (use \"multi\" if more than one selected)\n  const currentCategory = selectedCategories.length > 1 ? 'multi' : selectedCategories[0];\n  const navigate = useNavigate();\n  const imageMap = {\n    science: '/main.png',\n    philosophy: '/philosophy.png',\n    tech: '/tech.png',\n    discover: '/web.png',\n    multi: '/multi.png'\n  };\n  const headerMap = {\n    science: '/header.png',\n    philosophy: '/header_philosophy.png',\n    tech: '/header_tech.png',\n    discover: '/header_web.png',\n    multi: '/header_multi.png'\n  };\n  const appBgMap = {\n    science: '#fcfcff',\n    philosophy: '#ffffff',\n    tech: '#ffffff',\n    discover: '#ffffff',\n    multi: '#ffffff'\n  };\n  const headerBgMap = {\n    science: '#f8f8f8',\n    philosophy: '#ffffff',\n    tech: '#ffffff',\n    discover: '#ffffff',\n    multi: '#ffffff'\n  };\n  const handleSubmit = e => {\n    e.preventDefault();\n    navigate(`/results?q=${encodeURIComponent(query)}&cat=${category}`);\n  };\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: \"App\",\n    style: {\n      backgroundColor: appBgMap[currentCategory]\n    },\n    children: [/*#__PURE__*/_jsxDEV(\"header\", {\n      className: \"header-bar\",\n      style: {\n        backgroundColor: headerBgMap[currentCategory]\n      },\n      children: /*#__PURE__*/_jsxDEV(\"img\", {\n        src: headerMap[category],\n        alt: \"Header\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 55,\n        columnNumber: 4\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 54,\n      columnNumber: 7\n    }, this), /*#__PURE__*/_jsxDEV(\"main\", {\n      className: \"main-content\",\n      children: [/*#__PURE__*/_jsxDEV(\"img\", {\n        id: \"mascot-img\",\n        src: imageMap[category],\n        alt: \"Mascot\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 58,\n        columnNumber: 9\n      }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n        id: \"tagline\",\n        children: \"a search engine for the rest of us\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 59,\n        columnNumber: 9\n      }, this), /*#__PURE__*/_jsxDEV(\"form\", {\n        className: \"search-form\",\n        onSubmit: handleSubmit,\n        children: [/*#__PURE__*/_jsxDEV(\"div\", {\n          className: \"search-container\",\n          children: /*#__PURE__*/_jsxDEV(\"input\", {\n            type: \"text\",\n            name: \"search\",\n            placeholder: \"Search...\",\n            value: query,\n            onChange: e => setQuery(e.target.value)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 62,\n            columnNumber: 13\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 61,\n          columnNumber: 11\n        }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n          className: \"radio-options\",\n          children: [\"science\", \"philosophy\", \"tech\", \"discover\"].map(cat => /*#__PURE__*/_jsxDEV(\"label\", {\n            htmlFor: cat,\n            children: [/*#__PURE__*/_jsxDEV(\"input\", {\n              type: \"radio\",\n              name: \"category\",\n              id: cat,\n              value: cat,\n              checked: category === cat,\n              onChange: e => setCategory(e.target.value)\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 73,\n              columnNumber: 17\n            }, this), cat.charAt(0).toUpperCase() + cat.slice(1)]\n          }, cat, true, {\n            fileName: _jsxFileName,\n            lineNumber: 72,\n            columnNumber: 15\n          }, this))\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 70,\n          columnNumber: 11\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 60,\n        columnNumber: 9\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 57,\n      columnNumber: 7\n    }, this), /*#__PURE__*/_jsxDEV(\"footer\", {\n      className: \"footer\",\n      children: [/*#__PURE__*/_jsxDEV(\"a\", {\n        href: \"https://git.tsugutsugugo.com/explore/repos\",\n        children: \"Source\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 88,\n        columnNumber: 9\n      }, this), \" |\", ' ', /*#__PURE__*/_jsxDEV(\"a\", {\n        href: \"https://docs.tsugutsugugo.com/\",\n        children: \"Docs\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 89,\n        columnNumber: 9\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 87,\n      columnNumber: 7\n    }, this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 53,\n    columnNumber: 5\n  }, this);\n}\n_s(App, \"Pdez9FCaZhls8ybi96jsrXayt30=\", 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","selectedCategories","setSelectedCategories","currentCategory","length","navigate","imageMap","science","philosophy","tech","discover","multi","headerMap","appBgMap","headerBgMap","handleSubmit","e","preventDefault","encodeURIComponent","category","className","style","backgroundColor","children","src","alt","fileName","_jsxFileName","lineNumber","columnNumber","id","onSubmit","type","name","placeholder","value","onChange","target","map","cat","htmlFor","checked","setCategory","charAt","toUpperCase","slice","href","_c","$RefreshReg$"],"sources":["/home/magh/Documents/landing_page_experimental/src/App.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport './App.css';\n\nfunction App() {\n  const [query, setQuery] = useState('');\n  // use an array for multi-selection\n  const [selectedCategories, setSelectedCategories] = useState(['science']);\n  // Compute current category mapping (use \"multi\" if more than one selected)\n  const currentCategory = selectedCategories.length > 1\n     ? 'multi'\n     : selectedCategories[0];\n  const navigate = useNavigate();\n\n  const imageMap = {\n    science: '/main.png',\n    philosophy: '/philosophy.png',\n    tech: '/tech.png',\n    discover: '/web.png',\n    multi: '/multi.png',\n  };\n\n  const headerMap = {\n    science: '/header.png',\n    philosophy: '/header_philosophy.png',\n    tech: '/header_tech.png',\n    discover: '/header_web.png',\n    multi: '/header_multi.png',\n  };\n\n  const appBgMap = {\n    science: '#fcfcff',\n    philosophy: '#ffffff',\n    tech: '#ffffff',\n    discover: '#ffffff',\n    multi: '#ffffff',\n  };\n\n  const headerBgMap = {\n    science: '#f8f8f8',\n    philosophy: '#ffffff',\n    tech: '#ffffff',\n    discover: '#ffffff',\n    multi: '#ffffff',\n  };\n\n  const handleSubmit = (e) => {\n    e.preventDefault();\n    navigate(`/results?q=${encodeURIComponent(query)}&cat=${category}`);\n  };\n\n  return (\n    <div className=\"App\" style={{ backgroundColor: appBgMap[currentCategory] }}>\n      <header className=\"header-bar\" style={{ backgroundColor: headerBgMap[currentCategory] }}>\n\t  <img src={headerMap[category]} alt=\"Header\" />\n      </header>\n      <main className=\"main-content\">\n        <img id=\"mascot-img\" src={imageMap[category]} alt=\"Mascot\" />\n        <div id=\"tagline\">a search engine for the rest of us</div>\n        <form className=\"search-form\" onSubmit={handleSubmit}>\n          <div className=\"search-container\">\n            <input\n              type=\"text\"\n              name=\"search\"\n              placeholder=\"Search...\"\n              value={query}\n              onChange={(e) => setQuery(e.target.value)}\n            />\n          </div>\n          <div className=\"radio-options\">\n            {[\"science\", \"philosophy\", \"tech\", \"discover\"].map((cat) => (\n              <label htmlFor={cat} key={cat}>\n                <input\n                  type=\"radio\"\n                  name=\"category\"\n                  id={cat}\n                  value={cat}\n                  checked={category === cat}\n                  onChange={(e) => setCategory(e.target.value)}\n                />\n                {cat.charAt(0).toUpperCase() + cat.slice(1)}\n              </label>\n            ))}\n          </div>\n        </form>\n      </main>\n      <footer className=\"footer\">\n        <a href=\"https://git.tsugutsugugo.com/explore/repos\">Source</a> |{' '}\n        <a href=\"https://docs.tsugutsugugo.com/\">Docs</a>\n      </footer>\n    </div>\n  );\n}\n\nexport default App;\n"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}