function MainComponent() { const handleSubmit = async (e)=>{ e.preventDefault(); const ipAddress = e.target.elements['ip-address'].value; const url = e.target.elements['url'].value; const response = await fetch(`/api/update`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ ip: ipAddress, url: url }) }); if (response.ok) { alert('Update successful'); } else { alert('Update failed'); } }; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto p-4", __source: { fileName: "", lineNumber: 23, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, "Cisco SD-WAN vManage API Tool"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-1", htmlFor: "ip-address", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, "Enter IP Address (IPv4 or IPv6)"), /*#__PURE__*/ React.createElement("input", { className: "border border-gray-300 p-2 w-full", type: "text", id: "ip-address", name: "ip-address", placeholder: "e.g., 192.168.1.1 or 2001:0db8:85a3:0000:0000:8a2e:0370:7334", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-1", htmlFor: "url", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, "Enter URL"), /*#__PURE__*/ React.createElement("input", { className: "border border-gray-300 p-2 w-full", type: "text", id: "url", name: "url", placeholder: "e.g., https://example.com", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, "Update"))); }