import { ReactElement } from 'react'; interface BrandCardProps { date?: Date; className?: string; } const pastDayMessages = [ { title: 'Great work!', message: 'You accomplished so much' }, { title: 'Well done!', message: 'Another successful day' }, { title: 'Fantastic job!', message: 'Making progress every day' }, { title: 'Nice one!', message: 'Another day in the books' }, { title: 'Awesome work!', message: 'Keep up the momentum' }, ]; export default function BrandCard({ date, className }: BrandCardProps): ReactElement { const isToday = date ? new Date().toDateString() === date.toDateString() : true; // Get a consistent message for each date const getPastDayMessage = (date: Date) => { // Use the date's day as an index to select a message const index = date.getDate() % pastDayMessages.length; return pastDayMessages[index]; }; // Get message for past days const pastMessage = date ? getPastDayMessage(date) : pastDayMessages[0]; return (
{/* Content */}
{/* Logo */}
{/* Text content - bottom */}
{isToday ? ( <> {/* Today's content */}

Good morning

You've got 3 major updates this morning

) : ( <> {/* Past/Future date content */}

{pastMessage?.title || 'Hello'}

{pastMessage?.message || 'Great work'}

)}
); }