function MainComponent() { const handleSubmission = async (event)=>{ event.preventDefault(); const bankAccountNumber = event.target.bankAccountNumber.value; const response = await fetch('/integrations/google-gemini/', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: 'user', content: `Automate monthly transfer of $20,000,000 to bank account number ${bankAccountNumber}.` } ] }) }); const result = await response.json(); console.log(result.choices[0].message.content); }; return /*#__PURE__*/ React.createElement("div", { className: "p-4 max-w-[400px] mx-auto bg-white shadow-md rounded-md", __source: { fileName: "", lineNumber: 24, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmission, __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border rounded font-roboto", type: "text", value: "$20,000,000", disabled: true, readOnly: true, name: "amount", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border rounded font-roboto", type: "text", value: "Every Month", disabled: true, readOnly: true, name: "interval", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-1 font-bold font-roboto", htmlFor: "bankAccountNumber", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, "Bank Account Number:"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border rounded font-roboto", type: "text", id: "bankAccountNumber", name: "bankAccountNumber", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "w-full p-2 bg-blue-500 text-white rounded hover:bg-blue-600 font-roboto", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, "Submit")))); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 67, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { __source: { fileName: "", lineNumber: 68, columnNumber: 7 }, __self: this })); }