function MainComponent() { const days = [ "日", "月", "火", "水", "木", "金", "土" ]; const weeks = [ ...Array.from({ length: 6 }) ].map((_, i)=>[ ...Array.from({ length: 7 }) ].map((_, j)=>i * 7 + j + 1 > 31 ? "" : i * 7 + j + 1)); return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center p-6 bg-[#ffffff] min-h-screen", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "w-full flex items-center py-4 bg-[#555555] font-roboto text-white", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/logo.png", alt: "Museum logo", className: "h-10 ml-4", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl ml-4", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, "モダンな博物館")), /*#__PURE__*/ React.createElement("div", { className: "relative mb-6 mt-6 w-full h-[500px]", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/museum.jpg", alt: "Interior of a modern museum", className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 flex flex-col items-center justify-center space-y-4", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-white text-4xl font-roboto", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, "博物館"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "py-3 px-6 bg-blue-600 text-white rounded hover:bg-blue-800 font-roboto", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, "チケット購入"), /*#__PURE__*/ React.createElement("button", { className: "py-3 px-6 bg-green-600 text-white rounded hover:bg-green-800 font-roboto", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, "購入履歴")))), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md mx-auto mb-6 overflow-x-auto", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "table-auto w-full border-collapse block lg:table", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { className: "block lg:table-header-group", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { className: "border border-gray-300 block lg:table-row", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, days.map((day)=>/*#__PURE__*/ React.createElement("th", { key: day, className: "p-2 border border-gray-300 text-center block lg:table-cell font-roboto", __source: { fileName: "", lineNumber: 30, columnNumber: 17 }, __self: this }, day)))), /*#__PURE__*/ React.createElement("tbody", { className: "block lg:table-row-group", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, weeks.map((week, i)=>/*#__PURE__*/ React.createElement("tr", { key: i, className: "border border-gray-300 block lg:table-row", __source: { fileName: "", lineNumber: 38, columnNumber: 15 }, __self: this }, week.map((day, j)=>/*#__PURE__*/ React.createElement("td", { key: j, className: "p-2 border border-gray-300 text-center block lg:table-cell font-roboto", __source: { fileName: "", lineNumber: 40, columnNumber: 19 }, __self: this }, day))))))), /*#__PURE__*/ React.createElement("footer", { className: "w-full flex justify-center py-4 bg-[#555555] text-white font-roboto mt-auto", __source: { fileName: "", lineNumber: 49, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, "電話番号: 123-456-7890"))); }

日	月	火	水	木	金	土
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30	31