function MainComponent() { const [response, setResponse] = React.useState(""); const [loading, setLoading] = React.useState(false); const fetchGPTResponse = ()=>{ setLoading(true); fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: "user", content: "Can you explain the bidding process?" } ], system_prompt: "Explain the bidding process at car auctions." }) }).then((res)=>res.json()).then((data)=>{ setResponse(data.choices[0].message.content); setLoading(false); }).catch(()=>{ setResponse("Failed to fetch data."); setLoading(false); }); }; React.useEffect(()=>{ fetchGPTResponse(); }, []); return /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 min-h-screen py-10 px-4", __source: { fileName: "", lineNumber: 33, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex justify-between items-center font-semibold text-lg mb-10 font-roboto", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-blue-500 hover:text-blue-600 transition duration-150 ease-in-out", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "ホーム"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-blue-500 hover:text-blue-600 transition duration-150 ease-in-out", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, "会社概要"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-blue-500 hover:text-blue-600 transition duration-150 ease-in-out", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, "お知らせ"), /*#__PURE__*/ React.createElement("div", { className: "ml-4", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#ff0000] whitespace-nowrap overflow-hidden", style: { animation: `marquee 20s linear infinite` }, __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, "18時以降も会場入り可能　ナイトオークションもやってます。"))), /*#__PURE__*/ React.createElement("button", { className: "py-2 px-6 text-white bg-green-500 rounded hover:bg-green-600 transition duration-150 ease-in-out font-roboto", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, "車を出品する")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-center font-bold text-xl font-roboto", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, "車のオークションサイト"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-line text-3xl text-green-500 hover:text-green-600", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "ml-2 text-sm text-gray-600 font-roboto", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, "最新情報をチェック"))), /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto mb-8", __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid lg:grid-cols-3 md:grid-cols-2 sm:grid-cols-1 gap-4", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 54, columnNumber: 22 }, __self: this }, "Loading...") : /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-lg", __source: { fileName: "", lineNumber: 54, columnNumber: 42 }, __self: this }, response))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 57, columnNumber: 7 }, __self: this }, ` @keyframes marquee { from { transform: translate3d(100%, 0, 0); } to { transform: translate3d(-100%, 0, 0); } } `)); }