function NewComponent({ profileImage, username, timestamp, message, replyCount, likeCount }) { return /*#__PURE__*/ React.createElement("div", { className: "p-4 border-b-2", __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("img", { src: profileImage, alt: "User profile", className: "w-[50px] h-[50px] rounded-full mr-4", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __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: "text-lg font-bold", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, username), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-500 ml-2", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, timestamp)), /*#__PURE__*/ React.createElement("div", { className: "text-lg mt-2", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, message), /*#__PURE__*/ React.createElement("div", { className: "flex items-center mt-2", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-reply mr-2", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, replyCount), /*#__PURE__*/ React.createElement("i", { className: "fas fa-comment ml-4 mr-2", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, likeCount))))); } function NewComponentStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 26, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(NewComponent, { profileImage: "./images/profile1.png", username: "User1", timestamp: "06.20. 18:28", message: "Can you share one bite with me?", replyCount: "228", likeCount: "889", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(NewComponent, { profileImage: "./images/profile2.png", username: "User2", timestamp: "06.20. 18:42", message: "I wanted to tidy up but the phone broke and it was so awkward", replyCount: "4.4K", likeCount: "", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(NewComponent, { profileImage: "./images/profile3.png", username: "User3", timestamp: "06.22. 05:12", message: "LOL It's okay", replyCount: "", likeCount: "", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(NewComponent, { profileImage: "./images/profile4.png", username: "User4", timestamp: "06.21. 23:43", message: "Strong naturally read it, I didn't know it was wrong", replyCount: "", likeCount: "", __source: { fileName: "", lineNumber: 51, columnNumber: 7 }, __self: this })); } function WeversePostForm({ title, content, image, setTitle, setContent, setImage, handleSubmit }) { return /*#__PURE__*/ React.createElement("div", { className: "container mx-auto max-w-lg bg-white p-4 rounded shadow-md", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Create Weverse Post"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "Title"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "title", value: title, onChange: (e)=>setTitle(e.target.value), className: "w-full px-3 py-2 border rounded", placeholder: "Post title", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, "Content"), /*#__PURE__*/ React.createElement("textarea", { name: "content", value: content, onChange: (e)=>setContent(e.target.value), className: "w-full px-3 py-2 border rounded", rows: "5", placeholder: "Write your post content here...", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, "Image"), /*#__PURE__*/ React.createElement("input", { type: "file", name: "image", onChange: (e)=>setImage(e.target.files[0]), className: "w-full px-3 py-2 border rounded", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full py-2 bg-blue-500 text-white font-bold rounded hover:bg-blue-700", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, "Submit"))); } function WeversePostFormStory() { const [title, setTitle] = React.useState(''); const [content, setContent] = React.useState(''); const [image, setImage] = React.useState(null); const handleSubmit = (e)=>{ e.preventDefault(); console.log({ title, content, image }); // Handle form submission logic here }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 57, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(WeversePostForm, { title: title, content: content, image: image, setTitle: setTitle, setContent: setContent, setImage: setImage, handleSubmit: handleSubmit, __source: { fileName: "", lineNumber: 58, columnNumber: 7 }, __self: this })); } function MainComponent() { const [title, setTitle] = React.useState(''); const [content, setContent] = React.useState(''); const [image, setImage] = React.useState(null); const [posts, setPosts] = React.useState([]); const handleSubmit = (e)=>{ e.preventDefault(); const newPost = { profileImage: './images/default_profile.png', username: 'Current User', timestamp: new Date().toLocaleString(), message: content, replyCount: '0', likeCount: '0' }; setPosts([ newPost, ...posts ]); setTitle(''); setContent(''); setImage(null); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 p-6 font-roboto", __source: { fileName: "", lineNumber: 24, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(WeversePostForm, { title: title, content: content, image: image, setTitle: setTitle, setContent: setContent, setImage: setImage, handleSubmit: handleSubmit, __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mt-6 space-y-4", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, posts.map((post, index)=>/*#__PURE__*/ React.createElement(NewComponent, { key: index, profileImage: post.profileImage, username: post.username, timestamp: post.timestamp, message: post.message, replyCount: post.replyCount, likeCount: post.likeCount, __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this })))); }