function SportsCommunityApp({ title }) { return /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-lg", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, title); } function SportsCommunityAppStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(SportsCommunityApp, { title: "Post Title 1", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(SportsCommunityApp, { title: "Post Title 2", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(SportsCommunityApp, { title: "Post Title 3", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this })); } function MainComponent() { const handleNewPostClick = ()=>{ alert("New post clicked!"); }; return /*#__PURE__*/ React.createElement("div", { className: "bg-[#f2ede3] p-4", __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center mt-10", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-roboto text-4xl font-bold", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, "2ch")), /*#__PURE__*/ React.createElement(SportsCommunityApp, { title: "Post Title 1", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(SportsCommunityApp, { title: "Post Title 2", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(SportsCommunityApp, { title: "Post Title 3", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end mt-4", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#cd5c5c] text-white font-semibold py-1 px-3 rounded hover:bg-[#b94a4a]", onClick: handleNewPostClick, __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, "New Post"))); }