interface WelcomeHeaderProps { name: string; version: string; } const getTimeBasedGreeting = (): string => { const hour = new Date().getHours(); if (hour >= 5 && hour < 12) { return "GOOD MORNING"; } else if (hour >= 12 && hour < 17) { return "GOOD AFTERNOON"; } else { return "GOOD EVENING"; } }; export const WelcomeHeader = ({ name, version }: WelcomeHeaderProps) => { const greeting = getTimeBasedGreeting(); return ( <>

{greeting}, {name}

); };