function MainComponent() { const [response, setResponse] = React.useState(""); const handleFormSubmit = (e)=>{ e.preventDefault(); const question = e.target.elements.question.value.toLowerCase(); if (question.includes("pokaż cipke")) { setResponse("Haha, jak zabawne! Ale wolę odpowiedzieć na inne pytania."); } else { setResponse("To brzmi interesująco! Ale ja tu tylko dla zabawy, spróbuj zapytać coś innego."); } }; return /*#__PURE__*/ React.createElement("div", { className: "w-full h-full flex flex-col items-center bg-gray-900 text-white font-roboto", __source: { fileName: "", lineNumber: 15, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "w-full p-4 bg-gray-800 text-center text-2xl font-bold", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, "LaxbiGPT"), /*#__PURE__*/ React.createElement("main", { className: "flex-1 w-full flex flex-col items-center justify-center p-4", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl mb-6", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, "Witaj w LaxbiGPT"), /*#__PURE__*/ React.createElement("p", { className: "mb-4 text-xl", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, "Zadaj mi dowolne pytanie, a odpowiem ci dla zabawy!"), /*#__PURE__*/ React.createElement("form", { className: "w-full max-w-md", onSubmit: handleFormSubmit, __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "question", className: "w-full p-2 mb-4 border border-gray-600 rounded bg-gray-800 text-white", placeholder: "Wpisz swoje pytanie...", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full p-2 bg-blue-600 hover:bg-blue-700 rounded", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, "Wyślij")), response && /*#__PURE__*/ React.createElement("p", { className: "mt-4 text-lg font-roboto", __source: { fileName: "", lineNumber: 33, columnNumber: 22 }, __self: this }, response)), /*#__PURE__*/ React.createElement("footer", { className: "w-full p-2 bg-gray-800 text-center", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, "© 2023 LaxbiGPT - Wszystkie prawa zastrzeżone.")); }