import { Tab } from "../../../types/tab";
import NavbarTabMobile from "./NavbarTabMobile";

interface NavbarProps {
  onTabClick: (tab: Tab) => void;
  tabs: Tab[];
}

const NavbarMobile = ({ onTabClick, tabs }: NavbarProps) => (
  <nav
    className={`text-[#73787C] flex w-full flex-col bg-white rounded-lg px-4`}
  >
    {tabs.map((tab) => (
      <NavbarTabMobile key={tab.id} tab={tab} onClick={onTabClick} />
    ))}
  </nav>
);

export default NavbarMobile;