function PostingBoardInputField({ name, placeholder, value, onChange }) { return /*#__PURE__*/ React.createElement("input", { type: "text", name: name, placeholder: placeholder, value: value, onChange: onChange, className: "block w-full p-2 mb-4 border rounded-lg", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }); } function PostingBoardInputFieldStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 16, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(PostingBoardInputField, { name: "title", placeholder: "タイトル", value: "", onChange: ()=>{}, __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this })); } function MainComponent() { const [title, setTitle] = React.useState(''); const [message, setMessage] = React.useState(''); const handleSubmit = (event)=>{ event.preventDefault(); console.log({ title: title, message: message }); setTitle(''); setMessage(''); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center w-full h-screen p-6 bg-[#f0f2f5]", __source: { fileName: "", lineNumber: 13, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bolder mb-8", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, "掲示板"), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-4xl bg-white p-8 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(PostingBoardInputField, { name: "title", placeholder: "タイトル", value: title, onChange: (e)=>setTitle(e.target.value), __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "message", placeholder: "メッセージ", value: message, onChange: (e)=>setMessage(e.target.value), className: "block w-full p-2 mb-6 border rounded-lg", rows: "4", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full p-3 bg-blue-500 text-white rounded-lg", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, "投稿する")))); }