function TwitterHomepageClone({ avatarSrc, tweets }) { return /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 min-h-screen p-4 font-sans", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto bg-white rounded-lg shadow-md", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border-b p-4", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, "ホーム")), /*#__PURE__*/ React.createElement("div", { className: "border-b p-4 flex space-x-4", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: avatarSrc, alt: "User Avatar", className: "w-12 h-12 rounded-full", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "tweet", placeholder: "今どうしてる？", className: "flex-grow p-2 border rounded-lg", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this })), tweets.map((tweet)=>/*#__PURE__*/ React.createElement("div", { key: tweet.id, className: "border-b p-4 flex space-x-4", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: tweet.avatar, alt: `Avatar of ${tweet.user}`, className: "w-12 h-12 rounded-full", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 16, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 17, columnNumber: 17 }, __self: this }, tweet.user), /*#__PURE__*/ React.createElement("span", { className: "text-gray-500", __source: { fileName: "", lineNumber: 18, columnNumber: 17 }, __self: this }, tweet.handle), /*#__PURE__*/ React.createElement("span", { className: "text-gray-500", __source: { fileName: "", lineNumber: 19, columnNumber: 17 }, __self: this }, "·"), /*#__PURE__*/ React.createElement("span", { className: "text-gray-500", __source: { fileName: "", lineNumber: 20, columnNumber: 17 }, __self: this }, tweet.time)), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 22, columnNumber: 15 }, __self: this }, tweet.content), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4 text-gray-500 mt-2", __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "far fa-comment", __source: { fileName: "", lineNumber: 24, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-retweet", __source: { fileName: "", lineNumber: 25, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "far fa-heart", __source: { fileName: "", lineNumber: 26, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-external-link-alt", __source: { fileName: "", lineNumber: 27, columnNumber: 17 }, __self: this }))))))); } function TwitterHomepageCloneStory() { const exampleTweets = [ { id: 1, avatar: "/path/to/avatar1.jpg", user: "User One", handle: "@userone", time: "2h", content: "This is the first tweet content." }, { id: 2, avatar: "/path/to/avatar2.jpg", user: "User Two", handle: "@usertwo", time: "3h", content: "This is the second tweet content." } ]; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 58, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(TwitterHomepageClone, { avatarSrc: "/path/to/your/avatar.jpg", tweets: exampleTweets, __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this })); } function MainComponent() { const tweets = [ { id: 1, user: "John Doe", handle: "@johndoe", time: "10m", content: "Just setting up my Twitter!", avatar: "/path/to/avatar1.jpg" }, { id: 2, user: "Jane Smith", handle: "@janesmith", time: "2h", content: "Hello Twitter world!", avatar: "/path/to/avatar2.jpg" } ]; return /*#__PURE__*/ React.createElement(TwitterHomepageClone, { avatarSrc: "/path/to/your/avatar.jpg", tweets: tweets, __source: { fileName: "", lineNumber: 22, columnNumber: 5 }, __self: this }); }