function MainComponent({ header, content, sidebarLinks, imageSrc, altText }) { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row font-roboto text-[#121212] bg-[#ffff00]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-1/4 p-4 bg-[#0000ff] text-white", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, sidebarLinks.internal.map((link, i)=>/*#__PURE__*/ React.createElement("li", { key: i, className: "mb-2", __source: { fileName: "", lineNumber: 7, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: link.href, className: "hover:underline", __source: { fileName: "", lineNumber: 8, columnNumber: 15 }, __self: this }, link.text))), /*#__PURE__*/ React.createElement("hr", { className: "my-4 border-t border-white", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }), sidebarLinks.external.map((link, i)=>/*#__PURE__*/ React.createElement("li", { key: i, className: "mb-2", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: link.href, className: "hover:underline", __source: { fileName: "", lineNumber: 14, columnNumber: 15 }, __self: this }, link.text))))), /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-3/4 p-4 space-y-6", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-4", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, header), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, content), /*#__PURE__*/ React.createElement("img", { src: imageSrc, alt: altText, className: "w-full h-auto", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }))); } function StoryComponent() { const sidebarLinks = { internal: [ { href: '#home', text: 'Home' }, { href: '#table', text: 'Table' }, { href: '#lists', text: 'Lists' } ], external: [ { href: 'https://www.alfredstate.edu', text: 'Alfred State' }, { href: 'https://www.studentportal.com', text: 'Student Portal' }, { href: 'https://www.google.com', text: 'Google' }, { href: 'https://www.bing.com', text: 'Bing' } ] }; return /*#__PURE__*/ React.createElement(MainComponent, { header: "CISY 3223 Graded Learning Opportunity", content: "Insert content paragraphs here.", sidebarLinks: sidebarLinks, imageSrc: "./images/college-ranking.jpg", altText: "SUNY Regional College US News Ranking", __source: { fileName: "", lineNumber: 43, columnNumber: 5 }, __self: this }); }