function MainComponent({ kuniInfoDtos }) { return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto", __source: { fileName: "", lineNumber: 4, columnNumber: 9 }, __self: this }, "親画面"), /*#__PURE__*/ React.createElement("form", { action: "/updateKuniInfo", method: "post", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "border-collapse border border-gray-800 w-full", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 7, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 8, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "border border-gray-600 p-2", __source: { fileName: "", lineNumber: 9, columnNumber: 17 }, __self: this }, "国コード"), /*#__PURE__*/ React.createElement("th", { className: "border border-gray-600 p-2", __source: { fileName: "", lineNumber: 10, columnNumber: 17 }, __self: this }, "国名"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }, kuniInfoDtos.map((info, index)=>/*#__PURE__*/ React.createElement("tr", { key: index, __source: { fileName: "", lineNumber: 15, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "border border-gray-600 p-2", __source: { fileName: "", lineNumber: 16, columnNumber: 19 }, __self: this }, info.kuniCode), /*#__PURE__*/ React.createElement("td", { className: "border border-gray-600 p-2", __source: { fileName: "", lineNumber: 17, columnNumber: 19 }, __self: this }, info.kuniName))))), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "mt-4 p-2 bg-blue-500 text-white", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, "更新")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>window.location.href = '/child.jsp', className: "mt-4 p-2 bg-green-500 text-white", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, "子画面へ")); } function StoryComponent() { const [kuniInfoDtos, setKuniInfoDtos] = React.useState([ { kuniCode: 'JPN', kuniName: 'Japan' }, { kuniCode: 'USA', kuniName: 'United States' } ]); return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 38, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { kuniInfoDtos: kuniInfoDtos, __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this })); }

国コード	国名
JPN	Japan
USA	United States