function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-lg p-6", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between pb-4 border-b", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, "DcStockMain_Prod"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white px-3 py-1 rounded-md mr-2", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, "デザイン"), /*#__PURE__*/ React.createElement("button", { className: "bg-gray-200 px-3 py-1 rounded-md mr-2", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, "Code"))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between mt-4", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mr-2", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "border px-3 py-1 rounded-md", __source: { fileName: "", lineNumber: 15, columnNumber: 15 }, __self: this }, "アクション")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "border px-3 py-1 rounded-md bg-gray-200", __source: { fileName: "", lineNumber: 18, columnNumber: 15 }, __self: this }, "ワークフロー"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "border px-3 py-1 rounded-md", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, "設定"))), /*#__PURE__*/ React.createElement("div", { className: "flex mt-4", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full lg:w-1/4", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-200 p-4 rounded-md", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "search", placeholder: "検索", className: "border px-3 py-1 rounded-md w-full", __source: { fileName: "", lineNumber: 28, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg mb-2", __source: { fileName: "", lineNumber: 31, columnNumber: 15 }, __self: this }, "AWS"), /*#__PURE__*/ React.createElement("button", { className: "flex items-center bg-pink-500 text-white p-2 rounded-md w-full justify-between", __source: { fileName: "", lineNumber: 32, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-play-circle", "aria-hidden": "true", __source: { fileName: "", lineNumber: 33, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 34, columnNumber: 17 }, __self: this }, "Invoke")), /*#__PURE__*/ React.createElement("button", { className: "flex items-center bg-indigo-500 text-white p-2 rounded-md w-full justify-between mt-2", __source: { fileName: "", lineNumber: 36, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-envelope", "aria-hidden": "true", __source: { fileName: "", lineNumber: 37, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 38, columnNumber: 17 }, __self: this }, "Publish")), /*#__PURE__*/ React.createElement("button", { className: "flex items-center bg-orange-500 text-white p-2 rounded-md w-full justify-between mt-2", __source: { fileName: "", lineNumber: 40, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-tasks", "aria-hidden": "true", __source: { fileName: "", lineNumber: 41, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 42, columnNumber: 17 }, __self: this }, "RunTask")), /*#__PURE__*/ React.createElement("button", { className: "flex items-center bg-red-500 text-white p-2 rounded-md w-full justify-between mt-2", __source: { fileName: "", lineNumber: 44, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-cogs", "aria-hidden": "true", __source: { fileName: "", lineNumber: 45, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 46, columnNumber: 17 }, __self: this }, "StartExecution")), /*#__PURE__*/ React.createElement("h2", { className: "text-lg mt-4 mb-2", __source: { fileName: "", lineNumber: 48, columnNumber: 15 }, __self: this }, "サーバーテーブル API"), /*#__PURE__*/ React.createElement("button", { className: "flex items-center bg-purple-600 text-white p-2 rounded-md w-full justify-between", __source: { fileName: "", lineNumber: 49, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-cloud", "aria-hidden": "true", __source: { fileName: "", lineNumber: 50, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 51, columnNumber: 17 }, __self: this }, "Call third-party API"))), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg mb-2", __source: { fileName: "", lineNumber: 55, columnNumber: 15 }, __self: this }, "コンピューティング"), /*#__PURE__*/ React.createElement("button", { className: "flex items-center bg-blue-700 text-white p-2 rounded-md w-full justify-between", __source: { fileName: "", lineNumber: 56, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-database", "aria-hidden": "true", __source: { fileName: "", lineNumber: 57, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 58, columnNumber: 17 }, __self: this }, "Amazon Data Lifecycle Manager")))), /*#__PURE__*/ React.createElement("div", { className: "w-full lg:w-3/4 bg-gray-100 px-6 py-4 rounded-md", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-20 right-40", __source: { fileName: "", lineNumber: 64, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-yellow-300 p-2 rounded-full", __source: { fileName: "", lineNumber: 65, columnNumber: 17 }, __self: this }, "Start"), /*#__PURE__*/ React.createElement("div", { className: "mt-4 bg-pink-300 p-2 rounded-md", __source: { fileName: "", lineNumber: 66, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 67, columnNumber: 19 }, __self: this }, "Step Functions: StartExecution"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 68, columnNumber: 19 }, __self: this }, "Start SettingConfig Process"))), /*#__PURE__*/ React.createElement("div", { className: "absolute top-40 right-40", __source: { fileName: "", lineNumber: 71, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mt-4 bg-purple-300 p-2 rounded-md", __source: { fileName: "", lineNumber: 72, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 73, columnNumber: 19 }, __self: this }, "Step Functions: StartExecution"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 74, columnNumber: 19 }, __self: this }, "Start MakingData Process"))), /*#__PURE__*/ React.createElement("div", { className: "absolute top-60 right-40", __source: { fileName: "", lineNumber: 77, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mt-4 bg-red-300 p-2 rounded-md", __source: { fileName: "", lineNumber: 78, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 79, columnNumber: 19 }, __self: this }, "Step Functions: StartExecution"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 80, columnNumber: 19 }, __self: this }, "Start Machine-Learning Process"))), /*#__PURE__*/ React.createElement("div", { className: "absolute top-80 right-40", __source: { fileName: "", lineNumber: 83, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mt-4 bg-blue-300 p-2 rounded-md", __source: { fileName: "", lineNumber: 84, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 85, columnNumber: 19 }, __self: this }, "Step Functions: StartExecution"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 86, columnNumber: 19 }, __self: this }, "Start Get Execution Params Process"))), /*#__PURE__*/ React.createElement("div", { className: "absolute top-100 right-40", __source: { fileName: "", lineNumber: 89, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: " bg-blue-200 p-2 rounded-md", __source: { fileName: "", lineNumber: 90, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 91, columnNumber: 19 }, __self: this }, "Choice state"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 92, columnNumber: 19 }, __self: this }, "can auto machine-learning process ?")), /*#__PURE__*/ React.createElement("div", { className: " bg-green-300 p-2 rounded-md mt-4", __source: { fileName: "", lineNumber: 94, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 95, columnNumber: 19 }, __self: this }, "Succeed state"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 96, columnNumber: 19 }, __self: this }, "Success")), /*#__PURE__*/ React.createElement("button", { className: "bg-yellow-300 p-2 rounded-full mt-4", __source: { fileName: "", lineNumber: 98, columnNumber: 17 }, __self: this }, "End"))))))); }