function DateMeComponent({ profileImage, name, age, location, loading, response, onLike, onPass }) { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center p-4 bg-[#f0f0f0] h-screen", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-center mb-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold font-roboto text-[#ff3366]", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "DateMe"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#333]", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "Find your perfect match")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center bg-white p-6 rounded-lg shadow-md w-full max-w-[400px]", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: profileImage, alt: "User profile picture", className: "w-[100px] h-[100px] rounded-full mb-4", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-roboto text-[#333]", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, name), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#666] mb-6", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, age, ", ", location), /*#__PURE__*/ React.createElement("button", { className: "bg-[#ff3366] text-white font-roboto py-2 px-4 rounded-full mb-2 w-full text-lg", onClick: onLike, __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, "❤ Like"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#ccc] text-[#333] font-roboto py-2 px-4 rounded-full w-full text-lg", onClick: onPass, __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, "❌ Pass"), loading ? /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#666] mt-4", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, "Loading...") : /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#666] mt-4", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, response))); } function DateMeComponentStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 36, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(DateMeComponent, { profileImage: "/path/to/user-image.jpg", name: "Jane Doe", age: "27", location: "New York, NY", loading: false, response: "Welcome to DateMe!", onLike: ()=>alert('Liked!'), onPass: ()=>alert('Passed!'), __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(DateMeComponent, { profileImage: "/path/to/user-image.jpg", name: "Jane Doe", age: "27", location: "New York, NY", loading: true, response: "", onLike: ()=>alert('Liked!'), onPass: ()=>alert('Passed!'), __source: { fileName: "", lineNumber: 47, columnNumber: 7 }, __self: this })); } function MainComponent() { const [loading, setLoading] = React.useState(false); const [response, setResponse] = React.useState(""); const messages = [ { role: "user", content: "Find my perfect match" } ]; const fetchChatGPT = async ()=>{ setLoading(true); try { const res = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages }) }); const data = await res.json(); setResponse(data.choices[0].message.content); } catch (error) { console.error("Error fetching ChatGPT response:", error); } finally{ setLoading(false); } }; React.useEffect(()=>{ fetchChatGPT(); }, []); return /*#__PURE__*/ React.createElement(DateMeComponent, { profileImage: "/path/to/user-image.jpg", name: "Jane Doe", age: "27", location: "New York, NY", loading: loading, response: response, onLike: fetchChatGPT, onPass: fetchChatGPT, __source: { fileName: "", lineNumber: 31, columnNumber: 5 }, __self: this }); }