function MainComponent() { const [searchQuery, setSearchQuery] = React.useState(""); const [results, setResults] = React.useState([]); const handleSearch = async (e)=>{ e.preventDefault(); const simulatedResults = await new Promise((resolve)=>setTimeout(()=>resolve([ "Result 1", "Result 2", "Result 3" ]), 1000)); setResults(simulatedResults); }; const searchForm = /*#__PURE__*/ React.createElement("form", { onSubmit: handleSearch, className: "flex items-center w-[500px] mx-auto mt-20", __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "search", type: "text", className: "flex-grow p-4 rounded-l-lg border border-gray-700 bg-[#2d2d2d] text-white", placeholder: "Search...", value: searchQuery, onChange: (e)=>setSearchQuery(e.target.value), __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "p-4 bg-blue-500 text-white rounded-r-lg hover:bg-blue-600", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-search", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }))); const header = /*#__PURE__*/ React.createElement("header", { className: "bg-blue-600 text-white p-6", __source: { fileName: "", lineNumber: 34, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-roboto text-center", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, "Enterprise Search"), /*#__PURE__*/ React.createElement("p", { className: "text-lg font-roboto text-center mt-2", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, "Powered by advanced LLM")); const content = /*#__PURE__*/ React.createElement("div", { className: "text-center mt-[100px]", __source: { fileName: "", lineNumber: 41, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-roboto mb-4", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }, "Find the information you need quickly and easily"), /*#__PURE__*/ React.createElement("p", { className: "text-xl font-roboto text-gray-400", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, "Our enterprise search tool is powered by state-of-the-art Large Language Models."), results.length > 0 && /*#__PURE__*/ React.createElement("ul", { className: "mt-4 text-left w-[500px] mx-auto bg-[#333] p-4 rounded-lg border border-gray-700 shadow-md", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, results.map((result, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "p-2 border-b border-gray-600 last:border-0", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, result)))); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#1a1a1a] text-white", __source: { fileName: "", lineNumber: 59, columnNumber: 5 }, __self: this }, header, searchForm, content); }