function MainComponent({ userName, handle, time, content, likes, retweets, replies }) { return /*#__PURE__*/ React.createElement("div", { className: "border-b border-gray-200 p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 rounded-full bg-gray-200 flex-shrink-0", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "ml-4 flex-1", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold font-sans", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, userName), /*#__PURE__*/ React.createElement("span", { className: "text-gray-500 ml-2", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, "@", handle), /*#__PURE__*/ React.createElement("span", { className: "text-gray-500 ml-2", __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, time)), /*#__PURE__*/ React.createElement("p", { className: "text-black font-sans", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, content), /*#__PURE__*/ React.createElement("div", { className: "flex items-center mt-2 text-gray-500", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "mr-6", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-comment", __source: { fileName: "", lineNumber: 14, columnNumber: 36 }, __self: this }), " ", replies), /*#__PURE__*/ React.createElement("span", { className: "mr-6", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-retweet", __source: { fileName: "", lineNumber: 15, columnNumber: 36 }, __self: this }), " ", retweets), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-heart", __source: { fileName: "", lineNumber: 16, columnNumber: 19 }, __self: this }), " ", likes))))); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 26, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { userName: "John Doe", handle: "johndoe", time: "2h", content: "This is a tweet content example.", likes: "120", retweets: "45", replies: "30", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { userName: "Jane Smith", handle: "janesmith", time: "4h", content: "Just another example of a tweet content.", likes: "220", retweets: "78", replies: "55", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this })); }