function ReservationSystem({ id, name, className }) { return /*#__PURE__*/ React.createElement("input", { type: "date", id: id, name: name, className: `w-full px-3 py-2 border rounded font-roboto ${className}`, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }); } function ReservationSystemStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(ReservationSystem, { id: "eventDate", name: "eventDate", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this })); } function MainComponent() { const [loading, setLoading] = React.useState(false); const [response, setResponse] = React.useState(""); const handleSubmit = async (e)=>{ e.preventDefault(); setLoading(true); const data = { messages: [ { role: "user", content: "イベント管理画面を生成して" } ] }; try { const res = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(data) }); const result = await res.json(); const messageContent = result.choices[0].message.content; setResponse(messageContent); } catch (error) { setResponse("Error occurred while fetching data."); } setLoading(false); }; return /*#__PURE__*/ React.createElement("div", { className: "container mx-auto p-4", __source: { fileName: "", lineNumber: 33, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold font-roboto mb-4", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, "イベント管理"), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded shadow-md w-full md:w-[600px] mx-auto", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "eventName", className: "block text-gray-700 font-bold mb-2 font-roboto", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, "イベント名"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "eventName", name: "eventName", className: "w-full px-3 py-2 border rounded font-roboto", placeholder: "イベント名を入力してください", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "eventDate", className: "block text-gray-700 font-bold mb-2 font-roboto", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, "日付"), /*#__PURE__*/ React.createElement(ReservationSystem, { id: "eventDate", name: "eventDate", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "eventDescription", className: "block text-gray-700 font-bold mb-2 font-roboto", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, "説明"), /*#__PURE__*/ React.createElement("textarea", { id: "eventDescription", name: "eventDescription", className: "w-full px-3 py-2 border rounded font-roboto", rows: "4", placeholder: "イベントの説明を入力してください", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded font-roboto", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }, loading ? "送信中..." : "送信"), /*#__PURE__*/ React.createElement("button", { type: "reset", className: "bg-gray-500 hover:bg-gray-700 text-white font-bold py-2 px-4 rounded font-roboto", __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }, "リセット")), response && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 bg-gray-100 rounded font-roboto", __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }, response)))); }