function MainComponent() { const videos = [ { id: 1, src: "/videos/pet1.mp4", alt: "ペット1 動画" }, { id: 2, src: "/videos/pet2.mp4", alt: "ペット2 動画" } ]; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center h-screen overflow-hidden bg-black", __source: { fileName: "", lineNumber: 8, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full text-center bg-black text-white text-[24px] py-4 font-sans", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, "Pet ME"), videos.map((video)=>/*#__PURE__*/ React.createElement("div", { key: video.id, className: "w-full flex justify-center items-center bg-black", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("video", { className: "w-full h-[calc(100vh-8rem)] object-cover", src: video.src, alt: video.alt, loop: true, muted: true, autoPlay: true, __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-0 w-full flex justify-center", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-around w-[200px] text-white", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-home text-[24px]", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-search text-[24px]", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus-square text-[24px]", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-bell text-[24px]", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-user text-[24px]", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, ` body { font-family: sans-serif; } `)); }