type Screen = 'stamp' | 'today' | 'absences' | 'profile'
interface Props {
active: Screen
onChange: (s: Screen) => void
}
export function MobileBottomNav({ active, onChange }: Props) {
const items: { id: Screen; label: string; icon: React.ReactNode }[] = [
{
id: 'stamp',
label: 'Stempeln',
icon: (
),
},
{
id: 'today',
label: 'Heute',
icon: (
),
},
{
id: 'absences',
label: 'Urlaub',
icon: (
),
},
{
id: 'profile',
label: 'Profil',
icon: (
),
},
]
return (
)
}