function MainComponent() { const [word, setWord] = useState(""); const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const [showProductHuntPopup, setShowProductHuntPopup] = useState(false); useEffect(()=>{ const urlParams = new URLSearchParams(window.location.search); if (urlParams.get("ref") === "producthunt") { setShowProductHuntPopup(true); } }, []); const handleSearch = async (e)=>{ e.preventDefault(); setLoading(true); setError(null); if (!word.trim()) { setError("Please enter a word to search"); setLoading(false); return; } window.location.href = `/word?word=${encodeURIComponent(word.trim())}`; }; return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("head", { __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("link", { rel: "icon", type: "image/png", href: "https://ucarecdn.com/152d8404-2b58-40be-b8d3-cdd83ac46993/-/format/auto/", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f9f7f1] p-8", style: { backgroundImage: "repeating-linear-gradient(0deg, rgba(0,0,0,0.02) 0px, rgba(0,0,0,0.02) 1px, transparent 1px, transparent 50px)" }, __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-6xl md:text-7xl text-center mb-12 font-crimson-text text-[#2c1810] tracking-wide", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "dictiooonary"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSearch, className: "mb-12", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col gap-4 items-center", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "word", value: word, onChange: (e)=>setWord(e.target.value), placeholder: "Type a word to search", className: "w-full max-w-2xl px-6 py-4 text-xl font-crimson-text border-2 border-[#2c1810] rounded-lg focus:outline-none focus:ring-2 focus:ring-[#2c1810] bg-[#fff]", disabled: loading, __source: { fileName: "", lineNumber: 50, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading || !word.trim(), className: "px-8 py-3 bg-[#2c1810] text-[#f9f7f1] rounded-lg hover:bg-[#4a2c1c] disabled:opacity-50 transition-colors font-crimson-text text-lg", __source: { fileName: "", lineNumber: 59, columnNumber: 15 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("span", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 65, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 66, columnNumber: 21 }, __self: this }), "Searching...") : "Search"))), error && /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-red-50 border border-red-200 text-red-700 rounded-lg mb-4 flex items-center gap-2", __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle text-red-500", __source: { fileName: "", lineNumber: 78, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 79, columnNumber: 15 }, __self: this }, error)), /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto text-center mt-8", __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://www.producthunt.com/posts/dictiooonary?embed=true&utm_source=badge-featured&utm_medium=badge&utm_souce=badge-dictiooonary", target: "_blank", rel: "noopener noreferrer", className: "inline-block hover:opacity-90 transition-opacity", __source: { fileName: "", lineNumber: 84, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=943226&theme=light&t=1742241879103", alt: "dictiooonary - Your ad free dictionary experience!", style: { width: "250px", height: "54px" }, width: "250", height: "54", __source: { fileName: "", lineNumber: 90, columnNumber: 15 }, __self: this })))), showProductHuntPopup && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/50 flex items-center justify-center p-4 z-50", __source: { fileName: "", lineNumber: 102, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#f9f7f1] p-8 rounded-lg shadow-xl max-w-md w-full relative", style: { backgroundImage: ` repeating-linear-gradient(0deg, rgba(0,0,0,0.02) 0px, rgba(0,0,0,0.02) 1px, transparent 1px, transparent 50px), repeating-linear-gradient(90deg, rgba(0,0,0,0.03) 0px, rgba(0,0,0,0.03) 1px, transparent 1px, transparent 50px) ` }, __source: { fileName: "", lineNumber: 103, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowProductHuntPopup(false), className: "absolute top-4 right-4 text-[#2c1810] hover:text-[#4a2c1c] transition-colors", __source: { fileName: "", lineNumber: 112, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 116, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 119, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-crimson-text text-[#2c1810] mb-4", __source: { fileName: "", lineNumber: 120, columnNumber: 17 }, __self: this }, "Welcome, Hunter! 🎉"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-[#2c1810]/80 mb-6 font-crimson-text", __source: { fileName: "", lineNumber: 123, columnNumber: 17 }, __self: this }, "Thank you for visiting from Product Hunt! I'm excited to have you try my ad-free dictionary experience."), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowProductHuntPopup(false), className: "px-6 py-2 bg-[#2c1810] text-[#f9f7f1] rounded-lg hover:bg-[#4a2c1c] transition-colors font-crimson-text", __source: { fileName: "", lineNumber: 127, columnNumber: 17 }, __self: this }, "Start Exploring")))))); }