function MainComponent() { const [rows, setRows] = React.useState([ [ '', '', '' ], [ '', '', '' ], [ '', '', '' ] ]); const addRow = ()=>setRows([ ...rows, [ '', '', '' ] ]); const addColumn = ()=>setRows(rows.map((row)=>[ ...row, '' ])); const updateCell = (rowIndex, colIndex, value)=>{ const newRows = rows.map((row, rIndex)=>{ if (rIndex === rowIndex) { return row.map((cell, cIndex)=>cIndex === colIndex ? value : cell); } return row; }); setRows(newRows); }; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto", __source: { fileName: "", lineNumber: 22, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#f0f0f0] p-4 text-center", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, "XMLファイル生成フォーム")), /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto mt-4", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "table-auto w-full", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, rows.map((row, rowIndex)=>/*#__PURE__*/ React.createElement("tr", { key: rowIndex, __source: { fileName: "", lineNumber: 30, columnNumber: 15 }, __self: this }, row.map((cell, colIndex)=>/*#__PURE__*/ React.createElement("td", { key: colIndex, className: "p-2", __source: { fileName: "", lineNumber: 32, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "border p-1 w-full", type: "text", value: cell, onChange: (e)=>updateCell(rowIndex, colIndex, e.target.value), name: `cell-${rowIndex}-${colIndex}`, __source: { fileName: "", lineNumber: 33, columnNumber: 21 }, __self: this })))))))), /*#__PURE__*/ React.createElement("button", { className: "mt-4 mr-2 py-2 px-4 bg-blue-500 text-white rounded", onClick: addRow, __source: { fileName: "", lineNumber: 47, columnNumber: 7 }, __self: this }, "行を追加"), /*#__PURE__*/ React.createElement("button", { className: "mt-4 py-2 px-4 bg-green-500 text-white rounded", onClick: addColumn, __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this }, "列を追加")); }