function MainComponent() { const [schedules, setSchedules] = React.useState([ { date: "2023-04-20", weekday: "木", congestionLevel: "中", startTime: "09:00", venueName: "健康診断センターA", venueAddress: "東京都渋谷区1-1-1" } ]); const navigateToDetails = ()=>{ // Implement navigation logic to examination details and options selection }; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto", __source: { fileName: "", lineNumber: 19, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "table-auto w-full", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { className: "bg-[#f3f4f6] text-[#334155]", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "px-4 py-2", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, "実施日"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-2", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, "曜日"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-2", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, "渋め位"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-2", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, "検診開始時間"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-2", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, "会場名"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-2", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, "会場住所"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-2", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, "選択"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, schedules.map((schedule, index)=>/*#__PURE__*/ React.createElement("tr", { key: index, className: "border-b", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "px-4 py-2", __source: { fileName: "", lineNumber: 35, columnNumber: 15 }, __self: this }, schedule.date), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-2", __source: { fileName: "", lineNumber: 36, columnNumber: 15 }, __self: this }, schedule.weekday), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-2", __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }, schedule.congestionLevel), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-2", __source: { fileName: "", lineNumber: 38, columnNumber: 15 }, __self: this }, schedule.startTime), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-2", __source: { fileName: "", lineNumber: 39, columnNumber: 15 }, __self: this }, schedule.venueName), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-2", __source: { fileName: "", lineNumber: 40, columnNumber: 15 }, __self: this }, schedule.venueAddress), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-2 text-center", __source: { fileName: "", lineNumber: 41, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#2563eb] text-white px-4 py-1 rounded", onClick: navigateToDetails, __source: { fileName: "", lineNumber: 42, columnNumber: 17 }, __self: this }, "選択"))))))); }