function MainComponent() { const [storyLine, setStoryLine] = React.useState(''); const [advice, setAdvice] = React.useState(''); const [riddle, setRiddle] = React.useState(''); const [riddleAnswer, setRiddleAnswer] = React.useState(''); const [copyText, setCopyText] = React.useState(''); const storyScenarios = { happy: "And they lived happily ever after.", sad: "But it all ended in tears...", unexpected: "And then something unexpected happened!" }; const generateStory = (initialPrompt)=>{ const scenario = initialPrompt.includes('happy') ? 'happy' : initialPrompt.includes('sad') ? 'sad' : 'unexpected'; setStoryLine(storyScenarios[scenario]); }; const hints = [ "Add more details to your story.", "Try changing the character traits of the protagonist." ]; const generateHints = ()=>{ setAdvice(hints.join(' ')); }; const dragonRiddles = { easy: { question: "What has ears but cannot hear?", answer: "A cornfield" }, medium: { question: "What can be swallowed but can also swallow you?", answer: "Pride" }, hard: { question: "What flies without wings?", answer: "Time" } }; const solveARiddle = (difficulty)=>{ const riddle = dragonRiddles[difficulty]; setRiddle(riddle.question); setRiddleAnswer(riddle.answer); }; const handleCopyText = (text)=>{ setCopyText(text); navigator.clipboard.writeText(text).then(()=>{ setTimeout(()=>setCopyText(''), 2000); }); }; return /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-gradient-to-r from-cyan-500 to-blue-500 min-h-screen flex flex-col justify-center items-center", __source: { fileName: "", lineNumber: 44, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl text-center font-bold mb-4 text-white", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, "🐉 Dragon Quest"), /*#__PURE__*/ React.createElement("p", { className: "text-xl mb-2 text-white", __source: { fileName: "", lineNumber: 46, columnNumber: 7 }, __self: this }, "Embark on a quest filled with danger, magic, and dragons. Will you emerge as a hero, or will your journey end in peril?"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 47, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>generateStory('unexpected'), className: "bg-indigo-500 text-white py-2 px-4 rounded-lg mb-4 hover:bg-indigo-700 transition-colors", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, "Start Adventure"), /*#__PURE__*/ React.createElement("div", { className: "mt-2", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: generateHints, className: "bg-orange-500 text-white py-1 px-3 rounded-lg mr-2 hover:bg-orange-600 transition-colors", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, "Get Advice"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>solveARiddle('easy'), className: "bg-red-500 text-white py-1 px-3 rounded-lg hover:bg-red-600 transition-colors", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, "Solve a Riddle")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleCopyText(storyLine || advice || riddle || riddleAnswer), className: "bg-teal-500 text-white py-2 px-4 rounded-lg mt-4 hover:bg-teal-600 transition-colors", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, copyText ? "Copied!" : "Copy Text"), /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-white", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, storyLine || advice || riddle, riddle && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 60, columnNumber: 15 }, __self: this }, "Answer: ", riddleAnswer))))); }