17 lines
735 B
TypeScript
17 lines
735 B
TypeScript
import { NavButton } from './nav-button';
|
|
import { BookOpen, Newspaper, PlusCircle, User, Users } from 'lucide-react';
|
|
|
|
export function BottomNav() {
|
|
return (
|
|
<nav className="sticky inset-x-0 bottom-0 border-t border-border bg-background">
|
|
<div className="grid grid-cols-5">
|
|
<NavButton href="/dashboard" icon={<Newspaper />} label="Главное" />
|
|
<NavButton href="/records" icon={<BookOpen />} label="Записи" />
|
|
<NavButton href="/records/add" icon={<PlusCircle />} label="Новая запись" />
|
|
<NavButton href="/contacts" icon={<Users />} label="Контакты" />
|
|
<NavButton href="/profile" icon={<User />} label="Профиль" />
|
|
</div>
|
|
</nav>
|
|
);
|
|
}
|