function MainComponent() { const [novels, setNovels] = React.useState([]); const [title, setTitle] = React.useState(""); const [author, setAuthor] = React.useState(""); const [content, setContent] = React.useState(""); const handleSubmit = (e)=>{ e.preventDefault(); const newNovel = { title, author, content, id: Date.now() }; setNovels([ ...novels, newNovel ]); setTitle(""); setAuthor(""); setContent(""); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 p-4", __source: { fileName: "", lineNumber: 17, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#ffc107] text-white py-4", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-semibold font-roboto", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, "小説投稿サイト"))), /*#__PURE__*/ React.createElement("main", { className: "container mx-auto mt-8", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded shadow-md", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text mb-4", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, "新しい小説を投稿"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "title", className: "block text-lg font-semibold font-roboto mb-2", __source: { fileName: "", lineNumber: 28, columnNumber: 15 }, __self: this }, "タイトル"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "title", name: "title", value: title, onChange: (e)=>setTitle(e.target.value), className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 29, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "author", className: "block text-lg font-semibold font-roboto mb-2", __source: { fileName: "", lineNumber: 39, columnNumber: 15 }, __self: this }, "著者"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "author", name: "author", value: author, onChange: (e)=>setAuthor(e.target.value), className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 40, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "content", className: "block text-lg font-semibold font-roboto mb-2", __source: { fileName: "", lineNumber: 50, columnNumber: 15 }, __self: this }, "内容"), /*#__PURE__*/ React.createElement("textarea", { id: "content", name: "content", value: content, onChange: (e)=>setContent(e.target.value), className: "w-full p-2 border rounded h-[300px]", __source: { fileName: "", lineNumber: 51, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#ffc107] text-white py-2 px-4 rounded font-semibold font-roboto", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, "投稿"))), /*#__PURE__*/ React.createElement("section", { className: "mt-12", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text mb-4", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, "最新の小説"), /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, novels.map((novel)=>/*#__PURE__*/ React.createElement("a", { href: `/novel/${novel.id}`, key: novel.id, className: "bg-white p-4 rounded shadow-md hover:bg-gray-100", __source: { fileName: "", lineNumber: 66, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-roboto mb-2", __source: { fileName: "", lineNumber: 67, columnNumber: 17 }, __self: this }, novel.title), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 68, columnNumber: 17 }, __self: this }, "著者: ", novel.author), /*#__PURE__*/ React.createElement("p", { className: "font-roboto mt-2 truncate", __source: { fileName: "", lineNumber: 69, columnNumber: 17 }, __self: this }, novel.content))))))); }