function MainComponent() { const [isLoading, setIsLoading] = React.useState(false); const [chatResponse, setChatResponse] = React.useState(""); const fetchChatGPTResponse = async ()=>{ setIsLoading(true); const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: "user", content: "I'd like to order from the electronic menu." } ], system_prompt: 'Handle the electronic menu order' }) }); const data = await response.json(); setChatResponse(data.choices[0].message.content); setIsLoading(false); }; React.useEffect(()=>{ fetchChatGPTResponse(); }, []); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f7f7f7]", __source: { fileName: "", lineNumber: 31, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "py-10", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-center text-4xl font-semibold font-roboto text-[#333]", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, "Electronic Menu"), /*#__PURE__*/ React.createElement("p", { className: "text-center mt-2 font-roboto text-lg text-[#666]", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, "Easy experience for ordering food")), /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto p-4", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md rounded-lg p-4", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/meal1.jpg", alt: "Delicious meal", className: "w-full h-[200px] object-cover rounded-md", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "mt-2 font-roboto text-xl font-medium text-[#333]", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, "Meal Name"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-lg text-[#666]", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, "Meal Description"), /*#__PURE__*/ React.createElement("button", { onClick: fetchChatGPTResponse, disabled: isLoading, className: "mt-4 w-full py-2 bg-[#ff5722] text-white font-roboto rounded-md hover:bg-[#e64a19] transition-colors", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, isLoading ? "Processing..." : "Order Now")), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md rounded-lg p-4", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/meal2.jpg", alt: "Tasty dish", className: "w-full h-[200px] object-cover rounded-md", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "mt-2 font-roboto text-xl font-medium text-[#333]", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, "Dish Name"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-lg text-[#666]", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "Dish Description"), /*#__PURE__*/ React.createElement("button", { onClick: fetchChatGPTResponse, disabled: isLoading, className: "mt-4 w-full py-2 bg-[#ff5722] text-white font-roboto rounded-md hover:bg-[#e64a19] transition-colors", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, isLoading ? "Processing..." : "Order Now")), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md rounded-lg p-4", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/meal3.jpg", alt: "Refreshing beverage", className: "w-full h-[200px] object-cover rounded-md", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "mt-2 font-roboto text-xl font-medium text-[#333]", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, "Beverage Name"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-lg text-[#666]", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, "Beverage Description"), /*#__PURE__*/ React.createElement("button", { onClick: fetchChatGPTResponse, disabled: isLoading, className: "mt-4 w-full py-2 bg-[#ff5722] text-white font-roboto rounded-md hover:bg-[#e64a19] transition-colors", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, isLoading ? "Processing..." : "Order Now"))))); }