function MainComponent() { const [currentVerse, setCurrentVerse] = React.useState({}); const [randomQuote, setRandomQuote] = React.useState({}); const dailyVerses = React.useMemo(()=>{ let verses = []; let fearQuotes = []; return verses.concat(fearQuotes); }, []); const isLeapYear = React.useMemo(()=>{ const year = new Date().getFullYear(); return year % 4 === 0 && year % 100 !== 0 || year % 400 === 0; }, []); React.useEffect(()=>{ const verseAndQuoteCount = isLeapYear ? 367 : 366; // One extra for the potential fear quote const randomIndex = Math.floor(Math.random() * verseAndQuoteCount); setRandomQuote(dailyVerses[randomIndex] || dailyVerses[365]); }, [ dailyVerses, isLeapYear ]); const date = new Date(); const dateString = date.toLocaleDateString(undefined, { year: 'numeric', month: 'long', day: 'numeric' }); const referenceString = randomQuote.reference ? ` - ${randomQuote.reference}` : randomQuote.author ? ` - ${randomQuote.author}` : ''; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f7f7f7] flex flex-col items-center justify-center p-4", __source: { fileName: "", lineNumber: 26, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[500px] bg-white rounded-lg shadow-md overflow-hidden", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 flex flex-col items-center justify-between bg-[#e7f0db]", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-[#121212] font-roboto", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, "Fear Not"), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-light text-[#666] font-roboto mt-1", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, "A 365 verse-a-day calendar"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#666] font-roboto", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, dateString)), /*#__PURE__*/ React.createElement("div", { className: "p-6 flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg text-[#555] font-roboto", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, '"', randomQuote.text, '"'), /*#__PURE__*/ React.createElement("p", { className: "text-right w-full text-sm text-[#777] font-roboto mt-2", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, referenceString))))); }