function MainComponent({ selfIntroduction, projects, servers }) { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#85bb65] p-5 rounded-md font-minecraft", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center gap-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "My Minecraft Projects"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://youtube.com", target: "_blank", rel: "noopener noreferrer", className: "text-2xl", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-youtube", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://twitter.com", target: "_blank", rel: "noopener noreferrer", className: "text-2xl", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://github.com", target: "_blank", rel: "noopener noreferrer", className: "text-2xl", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-github", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "mt-5 p-5 bg-[#d4af37] rounded-md", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, "Self Introduction"), /*#__PURE__*/ React.createElement("p", { className: "mt-2", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, selfIntroduction)), /*#__PURE__*/ React.createElement("div", { className: "mt-5 p-5 bg-[#d4af37] rounded-md", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, "Past Projects"), /*#__PURE__*/ React.createElement("ul", { className: "mt-2 list-disc list-inside", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, projects.map((project, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "mt-1", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, project)))), /*#__PURE__*/ React.createElement("div", { className: "mt-5 p-5 bg-[#d4af37] rounded-md", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, "Minecraft Servers Managed"), /*#__PURE__*/ React.createElement("ul", { className: "mt-2 list-disc list-inside", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, servers.map((server, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "mt-1", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, server.name, " (from ", server.startDate, " to ", server.endDate, ")"))))); } function StoryComponent() { const selfIntroduction = "Hello, I'm Alex. I've been a Minecraft enthusiast for over 10 years. I specialize in building and managing Minecraft servers."; const projects = [ "SkyBlock Server", "Creative World", "PvP Arena", "Survival Realm" ]; const servers = [ { name: "SkyBlock Server", startDate: "January 2012", endDate: "March 2014" }, { name: "Creative World", startDate: "June 2014", endDate: "December 2016" }, { name: "PvP Arena", startDate: "February 2017", endDate: "August 2018" }, { name: "Survival Realm", startDate: "September 2018", endDate: "Present" } ]; return /*#__PURE__*/ React.createElement("div", { className: "p-10 bg-[#0e9713] min-h-screen", __source: { fileName: "", lineNumber: 60, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { selfIntroduction: selfIntroduction, projects: projects, servers: servers, __source: { fileName: "", lineNumber: 61, columnNumber: 7 }, __self: this })); }