function MainComponent({ page, onSubmit, onTryAgain, youtubeUrl, twitterContent, linkedInContent }) { const [url, setUrl] = React.useState(youtubeUrl || ''); const handleSubmit = (event)=>{ event.preventDefault(); const isValidUrl = /^(https?:\/\/)?(www\.)?(youtube\.com|youtu\.be)\/(watch\?v=)?.+$/.test(url); if (isValidUrl) { onSubmit(url); } else { alert("Please enter a valid YouTube URL."); } }; const handleInputChange = (event)=>{ setUrl(event.target.value); }; if (page === 'home') { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center h-screen bg-[#f0f0f0]", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-roboto mb-4", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, "Welcome to AutoRepurpose.ai"), /*#__PURE__*/ React.createElement("form", { className: "space-y-6", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "youtubeUrl", placeholder: "Enter YouTube URL", className: "border-2 border-[#333] p-2 w-[300px] sm:w-[400px]", value: url, onChange: handleInputChange, __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#007BFF] text-white py-2 px-4 rounded", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, "Submit"))); } else if (page === 'results') { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center h-screen bg-[#f0f0f0]", __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-roboto mb-4", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, "Results"), /*#__PURE__*/ React.createElement("div", { className: "space-y-6 w-full p-6", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto mb-2", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, "Twitter Thread"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, twitterContent || "Here is the summarized content in a Twitter format.")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto mb-2", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "LinkedIn Post"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, linkedInContent || "Here is the summarized content in a LinkedIn format.")), /*#__PURE__*/ React.createElement("button", { className: "bg-[#007BFF] text-white py-2 px-4 rounded mt-6", onClick: onTryAgain, __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, "Try Again"))); } } function StoryComponent() { const handleFormSubmit = (url)=>{ console.log("Submitted URL:", url); }; const handleTryAgain = ()=>{ console.log("Trying again..."); }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 69, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { page: "home", onSubmit: handleFormSubmit, __source: { fileName: "", lineNumber: 70, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { page: "results", onTryAgain: handleTryAgain, youtubeUrl: "https://youtu.be/dQw4w9WgXcQ", twitterContent: "Here is the dynamically generated Twitter thread content.", linkedInContent: "Here is the dynamically generated LinkedIn post content.", __source: { fileName: "", lineNumber: 71, columnNumber: 7 }, __self: this })); }