function MainComponent() { const [recommendations, setRecommendations] = React.useState({ film: "", tvShow: "", album: "", book: "" }); const [lastUpdate, setLastUpdate] = React.useState(()=>new Date().toISOString().split('T')[0]); const handleGenerateRecommendations = ()=>{ const today = new Date().toISOString().split('T')[0]; if (today > lastUpdate) { // logic to fetch and set recommendations based on user's interests setLastUpdate(today); } }; React.useEffect(()=>{ handleGenerateRecommendations(); }, []); const today = new Date().toISOString().split('T')[0]; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f0f0f5] p-4", __source: { fileName: "", lineNumber: 25, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[500px] bg-white shadow-lg rounded-lg p-6 space-y-4", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-semibold text-center text-[#333] font-arial", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, "Today's Media Recommendations"), /*#__PURE__*/ React.createElement("div", { className: today === lastUpdate ? "space-y-3" : "opacity-50", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(RecommendationCard, { category: "Film", recommendation: recommendations.film, emoji: "🎬", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement(RecommendationCard, { category: "TV Show", recommendation: recommendations.tvShow, emoji: "📺", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement(RecommendationCard, { category: "Album", recommendation: recommendations.album, emoji: "🎵", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement(RecommendationCard, { category: "Book", recommendation: recommendations.book, emoji: "📚", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this })), today > lastUpdate && /*#__PURE__*/ React.createElement("button", { className: "w-full py-3 mt-4 bg-[#007aff] text-white rounded-lg font-medium text-lg hover:bg-[#005ecb] transition-colors duration-300 ease-in-out", onClick: handleGenerateRecommendations, __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, "Generate New Recommendations"))); } function RecommendationCard({ category, recommendation, emoji }) { return /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3", __source: { fileName: "", lineNumber: 67, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-4xl", __source: { fileName: "", lineNumber: 68, columnNumber: 7 }, __self: this }, emoji), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 69, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-[#333] font-arial", __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this }, category), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-[#666] font-light font-arial", __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this }, recommendation || "Please check back tomorrow"))); }