function MainComponent() { const animes = [ { id: 1, title: "Attack on Titan", image: "images/attack-on-titan.jpg" }, { id: 2, title: "One Piece", image: "images/one-piece.jpg" }, { id: 3, title: "Naruto", image: "images/naruto.jpg" } ]; const handleStream = (animeId)=>{}; const handleDownload = (animeId)=>{}; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#121212] text-white", __source: { fileName: "", lineNumber: 19, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "p-5 bg-[#1E1E1E] text-[#FFFFFF]", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-center font-roboto", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, "animeking")), /*#__PURE__*/ React.createElement("main", { className: "p-5", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, animes.map((anime)=>/*#__PURE__*/ React.createElement("div", { key: anime.id, className: "bg-[#2C2C2C] p-4 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { className: "w-full h-[200px] object-cover rounded-md", src: anime.image, alt: `Cover for ${anime.title}`, __source: { fileName: "", lineNumber: 27, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "mt-2 text-lg font-semibold font-roboto", __source: { fileName: "", lineNumber: 28, columnNumber: 15 }, __self: this }, anime.title), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mt-4", __source: { fileName: "", lineNumber: 29, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleStream(anime.id), className: "px-4 py-2 bg-[#0066FF] rounded-lg mr-2 shadow font-roboto text-white", __source: { fileName: "", lineNumber: 30, columnNumber: 17 }, __self: this }, "Stream"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleDownload(anime.id), className: "px-4 py-2 bg-[#00C851] rounded-lg shadow font-roboto text-white", __source: { fileName: "", lineNumber: 31, columnNumber: 17 }, __self: this }, "Download")))))), /*#__PURE__*/ React.createElement("footer", { className: "p-5 bg-[#1E1E1E] text-center", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#FFFFFF] font-roboto", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, "© 2023 animeking"))); }