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("header", { className: "px-5 py-3 flex items-center justify-between border-b border-[#38444D]", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "ホーム"), /*#__PURE__*/ React.createElement("i", { className: "fa fa-twitter text-[#1DA1F2] text-2xl", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("main", { className: "p-5", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./profile-pic.png", alt: "ユーザープロフィール", className: "w-14 h-14 rounded-full", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "tweet", placeholder: "どうしてる？", className: "w-full bg-transparent p-2 text-white border border-[#38444D] rounded-md focus:outline-none focus:border-[#1DA1F2]", __source: { fileName: "", lineNumber: 13, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "mt-2 bg-[#1DA1F2] text-white px-4 py-2 rounded-full float-right", __source: { fileName: "", lineNumber: 14, columnNumber: 15 }, __self: this }, "ツイートする"))))), /*#__PURE__*/ React.createElement("footer", { className: "fixed bottom-0 w-full border-t border-[#38444D] px-5 py-3 flex justify-between", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-home text-xl", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fa fa-search text-xl", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fa fa-bell text-xl", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fa fa-envelope text-xl", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }))); }