function WorkshopInputField({ id, name, placeholder }) { return /*#__PURE__*/ React.createElement("input", { type: "text", id: id, name: name, placeholder: placeholder, className: "w-full p-2 border border-[#D2691E] rounded-md", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }); } function WorkshopInputFieldStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 15, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(WorkshopInputField, { id: "theme", name: "theme", placeholder: "Enter the workshop theme...", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(WorkshopInputField, { id: "tools", name: "tools", placeholder: "List necessary tools...", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(WorkshopInputField, { id: "information", name: "information", placeholder: "Provide workshop information...", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(WorkshopInputField, { id: "location", name: "location", placeholder: "Workshop location...", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(WorkshopInputField, { id: "attendeeDesires", name: "attendeeDesires", placeholder: "Attendee desires...", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this })); } function MainComponent() { const [ideas, setIdeas] = React.useState([]); const generateIdeas = ()=>{ const newIdeas = Array.from({ length: 10 }, (_, index)=>`アイデア ${index + 1}`); setIdeas(newIdeas); }; return /*#__PURE__*/ React.createElement("div", { className: "bg-[#FFF0E8] min-h-screen flex flex-col items-center justify-center p-4", __source: { fileName: "", lineNumber: 10, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[#D2691E] font-bold text-3xl mb-8 font-roboto", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, "ワークショップアイデアメーカー"), /*#__PURE__*/ React.createElement("form", { className: "space-y-6 w-full max-w-lg bg-[#FFEFDB] shadow-lg p-8 rounded-lg", onSubmit: (e)=>e.preventDefault(), __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(WorkshopInputField, { id: "theme", name: "theme", placeholder: "ワークショップのテーマ...", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(WorkshopInputField, { id: "tools", name: "tools", placeholder: "使用するツールや情報...", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(WorkshopInputField, { id: "location", name: "location", placeholder: "場所（リアルかオンラインか）...", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(WorkshopInputField, { id: "objective", name: "objective", placeholder: "参加者に得て欲しいもの...", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: generateIdeas, className: "mt-4 w-full text-white bg-[#D2691E] hover:bg-[#FF7F50] font-bold py-2 px-4 rounded-lg font-roboto", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, "アイデアを生成")), /*#__PURE__*/ React.createElement("div", { className: "mt-8 w-full max-w-lg", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, ideas.map((idea, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "text-lg font-roboto text-[#6B4534] mb-2", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, idea)))); }