function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-start space-x-6", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, [ { id: 'R3-401', co2: '572ppm', temp: '28.2°C', humidity: '55.7%' }, { id: 'R3-403', co2: '571ppm', temp: '25.6°C', humidity: '63.9%' }, { id: 'R3-301', co2: '420ppm', temp: '26.4°C', humidity: '59.2%' }, { id: 'R3-4F_EH', co2: '424ppm', temp: '26.5°C', humidity: '51.3%' }, { id: 'R3-3F_EH', co2: '425ppm', temp: '24.8°C', humidity: '56.0%' }, { id: 'R3-1F_EH', co2: '417ppm', temp: '25.5°C', humidity: '54.8%' }, { id: 'R3-B1F_EH', co2: '450ppm', temp: '24.0°C', humidity: '61.4%' } ].map((sensor)=>/*#__PURE__*/ React.createElement("button", { key: sensor.id, className: "flex items-center justify-between w-[360px] h-[60px] bg-white border rounded-full px-4", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, sensor.id), /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, sensor.co2), /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }, sensor.temp), /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, sensor.humidity), /*#__PURE__*/ React.createElement("div", { className: "w-[20px] h-[20px] bg-green-500 rounded-full", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg w-[250px] h-[200px]", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold text-center", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, "CO2濃度ランキング"), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between font-bold", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, "1"), /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, "R3-401"), /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, "1030ppm")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between mt-2", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 32, columnNumber: 13 }, __self: this }, "2"), /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, "R3-403"), /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, "800ppm")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between mt-2", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, "3"), /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, "R3-1F_EH"), /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, "530ppm"))), /*#__PURE__*/ React.createElement("div", { className: "text-center text-gray-400 text-sm mt-4", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, "6月19日 11：50更新"))); }