function MainComponent() { const clearSelections = ()=>{ document.getElementById("network-device").selectedIndex = 0; document.getElementById("command").selectedIndex = 0; }; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto p-4 h-screen bg-[#f4f4f4]", __source: { fileName: "", lineNumber: 8, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl text-[#333] mb-4", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, "WPF ネットワーク管理アプリ"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-4", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "network-device", className: "block mb-2 text-sm font-medium text-[#333]", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "ネットワーク機器の選択："), /*#__PURE__*/ React.createElement("select", { id: "network-device", name: "network-device", className: "bg-white border border-[#cccccc] text-base rounded-lg focus:border-blue-500 focus:outline-none block w-full p-2.5", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, "選択してください"), /*#__PURE__*/ React.createElement("option", { value: "router1", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, "ルーター1"), /*#__PURE__*/ React.createElement("option", { value: "switch1", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, "スイッチ1"), /*#__PURE__*/ React.createElement("option", { value: "server1", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }, "サーバー1"))), /*#__PURE__*/ React.createElement("div", { className: "w-full", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "command", className: "block mb-2 text-sm font-medium text-[#333]", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, "実行するコマンド："), /*#__PURE__*/ React.createElement("select", { id: "command", name: "command", className: "bg-white border border-[#cccccc] text-base rounded-lg focus:border-blue-500 focus:outline-none block w-full p-2.5", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, "選択してください"), /*#__PURE__*/ React.createElement("option", { value: "status", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, "状態確認"), /*#__PURE__*/ React.createElement("option", { value: "restart", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, "再起動"), /*#__PURE__*/ React.createElement("option", { value: "update", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, "アップデート"))), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-white bg-blue-500 hover:bg-blue-700 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, "コマンドを実行"), /*#__PURE__*/ React.createElement("button", { onClick: clearSelections, className: "text-white bg-gray-500 hover:bg-gray-700 focus:ring-4 focus:outline-none focus:ring-gray-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, "選択をクリア")))); }