function MainComponent() { const users = [ "佐藤聡", "鈴木一郎", "高橋智", "田中健", "伊藤浩", "渡辺仁", "山本憲", "中村正", "小林雄大", "加藤勝" ]; return /*#__PURE__*/ React.createElement("div", { className: "bg-[#00b300] min-h-screen p-5 flex items-center", __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-[600px] bg-white mx-auto rounded-lg shadow-xl overflow-hidden", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#339933] p-4 text-white font-roboto", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "LINE風チャットツール")), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, users.map((name, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "border-b border-[#dcdcdc] p-4 flex items-center hover:bg-[#f0f0f0]", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[50px] h-[50px] bg-[#6edc6e] rounded-full flex items-center justify-center text-xl font-semibold text-white mr-4", __source: { fileName: "", lineNumber: 17, columnNumber: 15 }, __self: this }, name.substring(0, 1)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 20, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg font-roboto text-[#363636]", __source: { fileName: "", lineNumber: 21, columnNumber: 17 }, __self: this }, name), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#707070] font-roboto", __source: { fileName: "", lineNumber: 22, columnNumber: 17 }, __self: this }, "オンライン"))))))); }