import { NavButton } from './nav-button';
import { BookOpen, Newspaper, PlusCircle, User, Users } from 'lucide-react';

export function BottomNav() {
  return (
    <nav className="fixed 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>
  );
}
