function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#15202B] text-white", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-[#1B2938] p-4 flex justify-between items-center", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-bold text-lg", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Twitterを再現したサイト"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "検索...", className: "p-2 bg-[#253341] rounded-full", name: "search", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("main", { className: "flex", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "w-2/12 px-4", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "mt-4", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-home fa-lg", __source: { fileName: "", lineNumber: 14, columnNumber: 15 }, __self: this }), " ホーム"), /*#__PURE__*/ React.createElement("li", { className: "mt-4", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-hashtag fa-lg", __source: { fileName: "", lineNumber: 17, columnNumber: 15 }, __self: this }), " 探索"), /*#__PURE__*/ React.createElement("li", { className: "mt-4", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-bell fa-lg", __source: { fileName: "", lineNumber: 20, columnNumber: 15 }, __self: this }), " 通知"), /*#__PURE__*/ React.createElement("li", { className: "mt-4", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-envelope fa-lg", __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }), " メッセージ"), /*#__PURE__*/ React.createElement("li", { className: "mt-4", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-bookmark fa-lg", __source: { fileName: "", lineNumber: 26, columnNumber: 15 }, __self: this }), " ブックマーク"), /*#__PURE__*/ React.createElement("li", { className: "mt-4", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-list fa-lg", __source: { fileName: "", lineNumber: 29, columnNumber: 15 }, __self: this }), " リスト"), /*#__PURE__*/ React.createElement("li", { className: "mt-4", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-user fa-lg", __source: { fileName: "", lineNumber: 32, columnNumber: 15 }, __self: this }), " プロフィール"), /*#__PURE__*/ React.createElement("li", { className: "mt-4", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-ellipsis-h fa-lg", __source: { fileName: "", lineNumber: 35, columnNumber: 15 }, __self: this }), " もっと見る"))), /*#__PURE__*/ React.createElement("section", { className: "w-5/12 border-x border-[#38444D]", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bold text-xl", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, "ホーム")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "p-4 border-b border-[#38444D]", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "tweetContent", className: "w-full p-2 bg-[#253341] rounded-lg", placeholder: "いまどうしてる？", rows: "4", __source: { fileName: "", lineNumber: 45, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "mt-2 p-2 bg-[#1DA1F2] rounded-full text-white", __source: { fileName: "", lineNumber: 46, columnNumber: 15 }, __self: this }, "ツイートする"))), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }, "ツイートの内容"))), /*#__PURE__*/ React.createElement("section", { className: "w-3/12 px-4", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "sticky top-0", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold text-lg", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, "おすすめトレンド"), /*#__PURE__*/ React.createElement("div", { className: "mt-4 bg-[#253341] p-4 rounded-lg", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { __source: { fileName: "", lineNumber: 57, columnNumber: 15 }, __self: this }, "#トレンド1"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 58, columnNumber: 15 }, __self: this }, "関連ツイート数 1.2万件")), /*#__PURE__*/ React.createElement("div", { className: "mt-4 bg-[#253341] p-4 rounded-lg", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this }, "#トレンド2"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 62, columnNumber: 15 }, __self: this }, "関連ツイート数 8千件")), /*#__PURE__*/ React.createElement("div", { className: "mt-4 bg-[#253341] p-4 rounded-lg", __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { __source: { fileName: "", lineNumber: 65, columnNumber: 15 }, __self: this }, "#トレンド3"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 66, columnNumber: 15 }, __self: this }, "関連ツイート数 5千件")))))); }