function MainComponent({ posts }) { return /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[800px] mx-auto p-4 bg-white rounded-lg shadow-md", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-roboto font-bold mb-6 text-blue-600", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "掲示板"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, posts.map((post, index)=>{ return /*#__PURE__*/ React.createElement("li", { key: index, className: "bg-[#f5f5f5] p-4 mb-4 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-roboto font-semibold mb-2", __source: { fileName: "", lineNumber: 9, columnNumber: 15 }, __self: this }, post.title), /*#__PURE__*/ React.createElement("p", { className: "text-base font-roboto mb-2", __source: { fileName: "", lineNumber: 10, columnNumber: 15 }, __self: this }, post.content), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-roboto text-right text-gray-500", __source: { fileName: "", lineNumber: 11, columnNumber: 15 }, __self: this }, post.author)); })), /*#__PURE__*/ React.createElement("form", { className: "mt-6", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "content", className: "w-full h-[100px] p-2 border border-gray-300 rounded-lg mb-4", placeholder: "内容はこちらに書いてください", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 text-white font-roboto py-2 px-4 rounded-lg", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, "送信"))); } function StoryComponent() { const samplePosts = [ { title: "最初の投稿", content: "これは最初のテスト投稿です。", author: "ユーザー1" }, { title: "こんにちは", content: "皆さん、こんにちは！", author: "ユーザー2" }, { title: "質問があります", content: "この掲示板の使い方を教えてください。", author: "ユーザー3" } ]; return /*#__PURE__*/ React.createElement("div", { className: "bg-[#e9ebee] min-h-screen flex items-center justify-center", __source: { fileName: "", lineNumber: 41, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { posts: samplePosts, __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this })); }