function WebsiteHeader({ headerText }) { return /*#__PURE__*/ React.createElement("header", { className: "text-white text-center py-4 font-bold text-3xl font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, headerText); } function WebsiteHeaderStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(WebsiteHeader, { headerText: "大喜利茶屋 WEBサイト", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this })); } function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#001F3F] min-h-screen p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-white text-center py-4 font-bold text-3xl font-roboto", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "大喜利茶屋 WEBサイト"), /*#__PURE__*/ React.createElement("main", { className: "bg-white rounded-lg shadow-lg p-6 m-4", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "mb-4", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-[#001F3F] font-crimson-text text-2xl mb-2", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "最新の投稿"), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 p-4 rounded-lg shadow-inner", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#001F3F] font-roboto", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }, "面白い回答が表示される場所です。"))), /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-[#001F3F] font-crimson-text text-2xl mb-2", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, "投稿する"), /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "postContent", className: "w-full p-2 border border-gray-300 rounded mb-4", rows: "4", placeholder: "ここで面白いことを書いてください", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#001F3F] text-white py-2 rounded", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, "投稿"))))); }