function MainComponent() { const [electricityUse, setElectricityUse] = React.useState(""); const [powerCompany, setPowerCompany] = React.useState(""); const [amperage, setAmperage] = React.useState(""); const [region, setRegion] = React.useState(""); const [contactMessage, setContactMessage] = React.useState(""); function handleCalculate() { // Implement the calculation logic here } function handleContactSubmit(event) { event.preventDefault(); fetch('https://api.openai.com/', { method: 'POST', headers: { 'Content-Type': 'application/json', 'Authorization': 'Bearer YOUR_SECRET_API_KEY' }, body: JSON.stringify({ inputs: contactMessage }) }).then((response)=>response.json()).then((data)=>{ console.log(data); alert('問い合わせが送信されました: ' + data.choices[0].message); }); } return /*#__PURE__*/ React.createElement("div", { className: "font-roboto", __source: { fileName: "", lineNumber: 28, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: electricityUse, onChange: (e)=>setElectricityUse(e.target.value), placeholder: "電気使用量 (kWh)", className: "input border p-2 m-2", name: "electricity_use", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("select", { value: powerCompany, onChange: (e)=>setPowerCompany(e.target.value), className: "m-2 p-2 border rounded", name: "power_company", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, "選択してください"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, "会社A"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, "会社B"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, "会社C")), /*#__PURE__*/ React.createElement("select", { value: amperage, onChange: (e)=>setAmperage(e.target.value), className: "m-2 p-2 border rounded", name: "amperage", __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }, "選択してください"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }, "10A"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, "15A"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, "20A")), /*#__PURE__*/ React.createElement("select", { value: region, onChange: (e)=>setRegion(e.target.value), className: "m-2 p-2 border rounded", name: "region", __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, "地域を選択"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }, "北海道"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, "東北"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, "関東"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }, "中部"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this }, "北陸"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this }, "関西"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 72, columnNumber: 9 }, __self: this }, "中国"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 73, columnNumber: 9 }, __self: this }, "四国"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 74, columnNumber: 9 }, __self: this }, "九州")), /*#__PURE__*/ React.createElement("button", { onClick: handleCalculate, className: "bg-yellow-400 p-2 mt-4 mb-2 rounded text-white hover:bg-yellow-300", __source: { fileName: "", lineNumber: 76, columnNumber: 7 }, __self: this }, "シミュレーション実行"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleContactSubmit, __source: { fileName: "", lineNumber: 79, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { value: contactMessage, onChange: (e)=>setContactMessage(e.target.value), className: "w-full h-32 p-2 border m-2", placeholder: "お問い合わせ内容を入力してください", name: "contact_message", __source: { fileName: "", lineNumber: 80, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 p-2 rounded text-white hover:bg-blue-400", __source: { fileName: "", lineNumber: 87, columnNumber: 9 }, __self: this }, "問い合わせ送信"))); }