function UploadButton({ buttonText = "Upload", href = "#upload-section" }) { return /*#__PURE__*/ React.createElement("a", { href: href, className: "text-white bg-blue-500 hover:bg-blue-700 p-4 rounded-lg font-roboto text-lg", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, buttonText); } function UploadButtonStory() { return /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(UploadButton, { __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(UploadButton, { buttonText: "Click to Upload", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(UploadButton, { buttonText: "Submit File", href: "#submit-section", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this })); } function WelcomeComponent({ title, description }) { return /*#__PURE__*/ React.createElement("main", { className: "flex-grow w-full flex flex-col items-center p-6", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "w-full max-w-[800px] bg-white p-8 rounded-lg shadow-lg mb-8", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-semibold mb-6", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, title), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 text-lg mb-6", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, description))); } function WelcomeComponentStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(WelcomeComponent, { title: "Welcome", description: "This is a descriptive paragraph text for the welcome section.", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this })); } function MainComponent({ headerTitle, welcomeText }) { const [mainTitle, subTitleWithBracket] = headerTitle.split(" ("); const subTitle = subTitleWithBracket.replace(")", ""); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 flex flex-col items-center font-roboto", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "w-full p-6 bg-blue-500 text-white text-center", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-5xl font-bold", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-7xl", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, mainTitle), /*#__PURE__*/ React.createElement("div", { className: "text-2xl mt-2", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "(", subTitle, ")"))), /*#__PURE__*/ React.createElement("main", { className: "flex-grow w-full flex flex-col items-center p-6", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(WelcomeComponent, { title: "Welcome", description: "Welcome to YMAL, a place where you can find recommendations for TV shows, movies, and books based on what you've already watched or read. Enter your favorites and we'll suggest more that you might enjoy!", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(UploadButton, { buttonText: "Go to Upload Section", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("footer", { className: "w-full p-6 bg-blue-500 text-white text-center", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, "© 2023 YMAL (You Might Also Like)"))); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 31, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { headerTitle: "YMAL (You Might Also Like)", welcomeText: "Welcome to YMAL, a place where you can find recommendations for TV shows, movies, and books based on what you've already watched or read. Enter your favorites and we'll suggest more that you might enjoy!", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this })); }