function MainComponent() { const [devotional, setDevotional] = useState(null); const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const [success, setSuccess] = useState(false); const generateDevotional = async ()=>{ try { setLoading(true); setError(null); setSuccess(false); const response = await fetch("/api/generate-daily-devotional", { method: "POST", headers: { "Content-Type": "application/json" } }); if (!response.ok) { throw new Error(`Failed to generate devotional: ${response.status}`); } const data = await response.json(); setDevotional(data); setSuccess(true); } catch (err) { console.error("Error generating devotional:", err); setError("Failed to generate devotional. Please try again."); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("head", { __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("link", { rel: "icon", type: "image/png", href: "https://ucarecdn.com/ad31c9d9-05bd-4f5f-9762-4f5dbdf19b5b/-/format/auto/", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-b from-purple-100 to-pink-100 p-6", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-center mb-12", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-purple-800 mb-2", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, "Daily Devotional"), /*#__PURE__*/ React.createElement("p", { className: "text-purple-600", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }, "A scripture a day keeps the devil away")), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-8 mb-8", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: generateDevotional, disabled: loading, className: "bg-purple-600 text-white px-6 py-3 rounded-lg hover:bg-purple-700 transition-colors disabled:opacity-50", __source: { fileName: "", lineNumber: 56, columnNumber: 15 }, __self: this }, loading ? "Generating..." : "Generate New Devotional"), error && /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-red-600 bg-red-50 p-4 rounded-lg", __source: { fileName: "", lineNumber: 65, columnNumber: 17 }, __self: this }, error, /*#__PURE__*/ React.createElement("button", { onClick: generateDevotional, className: "block mx-auto mt-2 text-sm underline", __source: { fileName: "", lineNumber: 67, columnNumber: 19 }, __self: this }, "Try Again")), success && /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-green-600 bg-green-50 p-4 rounded-lg", __source: { fileName: "", lineNumber: 77, columnNumber: 17 }, __self: this }, "Devotional generated successfully!")), devotional && /*#__PURE__*/ React.createElement("div", { className: "border-t border-purple-100 pt-8", __source: { fileName: "", lineNumber: 84, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 85, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold text-purple-700 mb-4", __source: { fileName: "", lineNumber: 86, columnNumber: 19 }, __self: this }, "Today's Scripture"), /*#__PURE__*/ React.createElement("blockquote", { className: "text-lg italic text-gray-700 border-l-4 border-purple-300 pl-4", __source: { fileName: "", lineNumber: 89, columnNumber: 19 }, __self: this }, devotional.bible_verse), /*#__PURE__*/ React.createElement("p", { className: "text-right text-purple-600 mt-2", __source: { fileName: "", lineNumber: 92, columnNumber: 19 }, __self: this }, "— ", devotional.verse_reference)), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 96, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold text-purple-700 mb-4", __source: { fileName: "", lineNumber: 97, columnNumber: 19 }, __self: this }, "goDDess Rants"), /*#__PURE__*/ React.createElement("div", { className: "prose text-gray-700 whitespace-pre-wrap", __source: { fileName: "", lineNumber: 100, columnNumber: 19 }, __self: this }, devotional.devotional_text)), /*#__PURE__*/ React.createElement("div", { className: "mb-8 bg-purple-50 rounded-lg p-6", __source: { fileName: "", lineNumber: 104, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold text-purple-700 mb-4", __source: { fileName: "", lineNumber: 105, columnNumber: 19 }, __self: this }, "Today's Prayer"), /*#__PURE__*/ React.createElement("div", { className: "prose text-gray-700 italic", __source: { fileName: "", lineNumber: 108, columnNumber: 19 }, __self: this }, devotional.prayer)), devotional.journaling_prompts && /*#__PURE__*/ React.createElement("div", { className: "bg-purple-50 rounded-lg p-6", __source: { fileName: "", lineNumber: 114, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold text-purple-700 mb-4", __source: { fileName: "", lineNumber: 115, columnNumber: 21 }, __self: this }, "Journal Prompts"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-4", __source: { fileName: "", lineNumber: 118, columnNumber: 21 }, __self: this }, devotional.journaling_prompts.map((prompt, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "flex items-start", __source: { fileName: "", lineNumber: 120, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-purple-500 mr-3", __source: { fileName: "", lineNumber: 121, columnNumber: 27 }, __self: this }, "✎"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700", __source: { fileName: "", lineNumber: 122, columnNumber: 27 }, __self: this }, prompt))))))), /*#__PURE__*/ React.createElement("footer", { className: "text-center text-purple-600 text-sm", __source: { fileName: "", lineNumber: 132, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://godess-designs.printify.me/product/4863236/news-hardcover-journal-matte", target: "_blank", rel: "noopener noreferrer", className: "block bg-purple-600 text-white px-4 py-2 rounded hover:bg-purple-700 transition-colors text-sm font-bold mb-4", __source: { fileName: "", lineNumber: 133, columnNumber: 13 }, __self: this }, "Purchase a goddess design journal"), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-purple-500 mt-6 border-t border-purple-200 pt-4", __source: { fileName: "", lineNumber: 141, columnNumber: 13 }, __self: this }, "© ", new Date().getFullYear(), " The Goddess Rants Daily Devotional. All rights reserved. ", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 143, columnNumber: 36 }, __self: this }), /*#__PURE__*/ React.createElement("a", { href: "https://www.fivestarsappsolutions.com/", target: "_blank", rel: "noopener noreferrer", className: "text-purple-600 hover:text-purple-800 transition-colors", __source: { fileName: "", lineNumber: 144, columnNumber: 15 }, __self: this }, "Powered by Five Stars App Solutions AI Builder")))))); }