function MainComponent() { const [isLoading, setIsLoading] = React.useState(false); const [properties, setProperties] = React.useState([]); React.useEffect(()=>{ setIsLoading(true); fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { "role": "user", "content": "物件の一覧画面がほしいです" } ], system_prompt: '物件の一覧画面がほしいです' }) }).then((response)=>response.json()).then((data)=>{ if (data && data.choices && data.choices.length > 0) { setProperties(data.choices[0].message.content.split('\n').map((name, index)=>({ id: index, name }))); } }).catch((error)=>{ console.error('Error:', error); }).finally(()=>setIsLoading(false)); }, []); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#F0F2F5]", __source: { fileName: "", lineNumber: 28, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto py-8 px-4", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-semibold text-[#333] mb-6", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, "物件の一覧"), isLoading ? /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, "Loading...") : /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, properties.map((property)=>/*#__PURE__*/ React.createElement("div", { key: property.id, className: "bg-white border border-[#ddd] rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 36, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: `./property${property.id + 1}.jpg`, alt: `物件一覧の画像${property.id + 1}`, className: "w-full h-52 object-cover", __source: { fileName: "", lineNumber: 37, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 42, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bold text-lg mb-2", __source: { fileName: "", lineNumber: 43, columnNumber: 19 }, __self: this }, property.name), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 44, columnNumber: 19 }, __self: this }, `詳細情報が表示されます。`))))))); }