function MainComponent() { const [images, setImages] = React.useState([ { id: 1, url: "/images/image1.jpg", name: "Alice", university: "University A", studentId: "001" }, { id: 2, url: "/images/image2.jpg", name: "Bob", university: "University B", studentId: "002" }, { id: 3, url: "/images/image3.jpg", name: "Carol", university: "University C", studentId: "003" }, { id: 4, url: "/images/image4.jpg", name: "Dave", university: "University D", studentId: "004" } ]); React.useEffect(()=>{ const interval = setInterval(()=>{ const newId = images.length + 1; setImages((prevImages)=>[ ...prevImages, { id: newId, url: `/images/image${newId}.jpg`, name: `Name${newId}`, university: `University ${newId}`, studentId: `${newId * 1000}` }, { id: newId + 1, url: `/images/image${newId + 1}.jpg`, name: `Name${newId + 1}`, university: `University ${newId + 1}`, studentId: `${(newId + 1) * 1000}` } ]); }, 5000); return ()=>clearInterval(interval); }, [ images ]); return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen p-4 bg-[#000000]", __source: { fileName: "", lineNumber: 23, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-4xl p-6 bg-white rounded-lg shadow-md overflow-hidden", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between p-4 mb-4 bg-black", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "p-2 bg-[#fefefe] rounded-full font-roboto shadow", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-home", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "p-2 bg-[#fefefe] rounded-full font-roboto shadow", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-user", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, images.map((image, index)=>index % 2 === 0 && /*#__PURE__*/ React.createElement("div", { key: image.id, className: "flex", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative w-1/2", __source: { fileName: "", lineNumber: 36, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: image.url, className: "block", __source: { fileName: "", lineNumber: 37, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: image.url, alt: `画像${image.id}`, className: "w-full h-[300px]", __source: { fileName: "", lineNumber: 38, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "absolute right-2 bottom-2 bg-black text-white p-1 font-roboto rounded", __source: { fileName: "", lineNumber: 39, columnNumber: 19 }, __self: this }, `${image.university}, ${image.studentId}, ${image.name}`))), images[index + 1] && /*#__PURE__*/ React.createElement("div", { className: "relative w-1/2", __source: { fileName: "", lineNumber: 43, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: images[index + 1].url, className: "block", __source: { fileName: "", lineNumber: 44, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: images[index + 1].url, alt: `画像${images[index + 1].id}`, className: "w-full h-[300px]", __source: { fileName: "", lineNumber: 45, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "absolute right-2 bottom-2 bg-black text-white p-1 font-roboto rounded", __source: { fileName: "", lineNumber: 46, columnNumber: 21 }, __self: this }, `${images[index + 1].university}, ${images[index + 1].studentId}, ${images[index + 1].name}`)))))))); }