function MainComponent() { const [tab, setTab] = React.useState('progress'); const [progressData, setProgressData] = React.useState([ { orderDate: '2023-04-01', status: 'Received' }, { orderDate: '2023-04-02', status: 'In Progress' }, { orderDate: '2023-04-03', status: 'Shipped' }, { orderDate: '2023-04-04', status: 'Delivered' } ]); const renderTable = ()=>/*#__PURE__*/ React.createElement("table", { className: "min-w-full leading-normal", __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, "受注日"), /*#__PURE__*/ React.createElement("th", { className: "px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, "進捗状況"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, progressData.map((data, index)=>/*#__PURE__*/ React.createElement("tr", { key: index, __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "px-5 py-5 border-b border-gray-200 bg-white text-sm", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, data.orderDate), /*#__PURE__*/ React.createElement("td", { className: "px-5 py-5 border-b border-gray-200 bg-white text-sm", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, data.status))))); const handleChangeTab = (selectedTab)=>{ setTab(selectedTab); }; return /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 sm:px-8", __source: { fileName: "", lineNumber: 42, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "py-8", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex pb-4", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white font-bold py-2 px-4 rounded mr-2", onClick: ()=>handleChangeTab('progress'), __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "進捗状況"), /*#__PURE__*/ React.createElement("a", { href: "/progress-management", target: "_self", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white font-bold py-2 px-4 rounded", onClick: ()=>handleChangeTab('input'), __source: { fileName: "", lineNumber: 46, columnNumber: 57 }, __self: this }, "入力画面"))), tab === 'progress' && renderTable(), tab === 'input' && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 49, columnNumber: 29 }, __self: this }, "入力フォームの実装は未完"))); }

受注日	進捗状況
2023-04-01	Received
2023-04-02	In Progress
2023-04-03	Shipped
2023-04-04	Delivered