function MainComponent(props) { const { title, date, location, organizer, sponsors, tickets, lightingCompany, stageCompany, soundCompany, stageManager, performers, notes, onAddTicket, onAddPerformer } = props; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col p-6 bg-[#0000FF] text-white rounded-lg w-[600px]", __source: { fileName: "", lineNumber: 20, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-2xl mb-4", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, "プロジェクト追加画面"), /*#__PURE__*/ React.createElement("label", { className: "mb-2 font-roboto", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, "タイトル:"), /*#__PURE__*/ React.createElement("input", { name: "title", value: title, className: "mb-4 p-2 rounded text-black", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "mb-2 font-roboto", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, "日付:"), /*#__PURE__*/ React.createElement("input", { type: "date", name: "date", value: date, className: "mb-4 p-2 rounded text-black", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "mb-2 font-roboto", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, "場所:"), /*#__PURE__*/ React.createElement("input", { name: "location", value: location, className: "mb-4 p-2 rounded text-black", __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "mb-2 font-roboto", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, "主催:"), /*#__PURE__*/ React.createElement("input", { name: "organizer", value: organizer, className: "mb-4 p-2 rounded text-black", __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "mb-2 font-roboto", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, "協賛:"), /*#__PURE__*/ React.createElement("input", { name: "sponsors", value: sponsors, className: "mb-4 p-2 rounded text-black", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "mb-2 font-roboto", __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }, "チケット:"), tickets.map((ticket, index)=>/*#__PURE__*/ React.createElement("input", { key: index, name: `ticket-${index}`, value: ticket, className: "mb-2 p-2 rounded text-black", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: onAddTicket, className: "mb-4 p-2 bg-white text-[#0000FF] rounded", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }, "チケットを追加"), /*#__PURE__*/ React.createElement("label", { className: "mb-2 font-roboto", __source: { fileName: "", lineNumber: 44, columnNumber: 7 }, __self: this }, "照明会社:"), /*#__PURE__*/ React.createElement("input", { name: "lightingCompany", value: lightingCompany, className: "mb-4 p-2 rounded text-black", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "mb-2 font-roboto", __source: { fileName: "", lineNumber: 47, columnNumber: 7 }, __self: this }, "舞台会社:"), /*#__PURE__*/ React.createElement("input", { name: "stageCompany", value: stageCompany, className: "mb-4 p-2 rounded text-black", __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "mb-2 font-roboto", __source: { fileName: "", lineNumber: 50, columnNumber: 7 }, __self: this }, "音響会社:"), /*#__PURE__*/ React.createElement("input", { name: "soundCompany", value: soundCompany, className: "mb-4 p-2 rounded text-black", __source: { fileName: "", lineNumber: 51, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "mb-2 font-roboto", __source: { fileName: "", lineNumber: 53, columnNumber: 7 }, __self: this }, "舞台監督:"), /*#__PURE__*/ React.createElement("input", { name: "stageManager", value: stageManager, className: "mb-4 p-2 rounded text-black", __source: { fileName: "", lineNumber: 54, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "mb-2 font-roboto", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, "出演者:"), performers.map((performer, index)=>/*#__PURE__*/ React.createElement("input", { key: index, name: `performer-${index}`, value: performer, className: "mb-2 p-2 rounded text-black", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: onAddPerformer, className: "mb-4 p-2 bg-white text-[#0000FF] rounded", __source: { fileName: "", lineNumber: 60, columnNumber: 7 }, __self: this }, "出演者を追加"), /*#__PURE__*/ React.createElement("label", { className: "mb-2 font-roboto", __source: { fileName: "", lineNumber: 62, columnNumber: 7 }, __self: this }, "備考欄:"), /*#__PURE__*/ React.createElement("textarea", { name: "notes", value: notes, className: "p-2 rounded text-black", __source: { fileName: "", lineNumber: 63, columnNumber: 7 }, __self: this })); } function StoryComponent() { const [tickets, setTickets] = React.useState([ "General Admission", "VIP" ]); const [performers, setPerformers] = React.useState([ "Band A", "Band B" ]); const handleAddTicket = ()=>{ setTickets([ ...tickets, "" ]); }; const handleAddPerformer = ()=>{ setPerformers([ ...performers, "" ]); }; const props = { title: "Summer Music Fest", date: "2023-09-01", location: "Tokyo", organizer: "ABC Corp", sponsors: "XYZ Corp", tickets: tickets, lightingCompany: "Lights Inc.", stageCompany: "Stages Ltd.", soundCompany: "Sounds Co.", stageManager: "John Doe", performers: performers, notes: "This is a note.", onAddTicket: handleAddTicket, onAddPerformer: handleAddPerformer }; return /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 98, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { ...props, __source: { fileName: "", lineNumber: 99, columnNumber: 7 }, __self: this })); }