function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "w-full h-full bg-[#505050] text-white font-sans", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[1920px] h-[96px] flex justify-between items-center p-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[288px] h-[46px] text-[24px] font-bold", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "TransBots"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "cursor-pointer", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "マップ"), /*#__PURE__*/ React.createElement("div", { className: "cursor-pointer", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, "ロボットステータス"))), /*#__PURE__*/ React.createElement("div", { className: "flex p-8", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[25%] flex justify-center items-center", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[24px] font-bold", __source: { fileName: "", lineNumber: 15, columnNumber: 15 }, __self: this }, "30%"), /*#__PURE__*/ React.createElement("div", { className: "w-[256px] h-[256px] border-4 rounded-full flex items-center justify-center border-[#fff]", __source: { fileName: "", lineNumber: 16, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-[100px] h-[100px]", viewBox: "0 0 20 20", __source: { fileName: "", lineNumber: 17, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M10 2 L10 10 L16 16", stroke: "#fff", strokeWidth: "2", fill: "none", __source: { fileName: "", lineNumber: 18, columnNumber: 19 }, __self: this })))))), /*#__PURE__*/ React.createElement("div", { className: "w-[75%] relative", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white text-black text-[20px] p-4", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, "回転角度とバッテリー残量を表示。インジケータ。"), /*#__PURE__*/ React.createElement("img", { src: "relative/path/to/map-image.jpg", alt: "Floor map", className: "w-full h-[1080px]", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-[60%] left-[10%] flex flex-col items-center", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "relative/path/to/robot1.png", alt: "Thouzour1号", className: "w-[96px] h-[96px]", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, "Thouzour1号")), /*#__PURE__*/ React.createElement("div", { className: "absolute top-[60%] left-[70%] flex flex-col items-center", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "relative/path/to/robot2.png", alt: "あずさ2号", className: "w-[96px] h-[96px]", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, "あずさ2号")))), /*#__PURE__*/ React.createElement("div", { className: "absolute top-[50%] right-4 transform -translate-y-[50%]", __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center space-y-2", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[96px] h-[96px] flex items-center justify-center border border-white rounded-full cursor-pointer", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-up text-[28px]", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-[96px] h-[96px] flex items-center justify-center border border-white rounded-full", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, "3F"), /*#__PURE__*/ React.createElement("div", { className: "w-[96px] h-[96px] flex items-center justify-center border border-white rounded-full cursor-pointer", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-down text-[28px]", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }))))); }