import MobileSidebarItem from "@/components/shared/sidebar/MobileSidebarItem";
import HoarderLogoIcon from "@/public/icons/logo-icon.svg";
import { CheckCheck, ClipboardList, GaugeCircleIcon, Home, HomeIcon, Search, Tag } from "lucide-react";

export default async function MobileSidebar() {
  return (
    <aside className="w-full">
      <ul className="flex justify-between space-x-2 border-b-black px-5 py-2 pt-5">
        <MobileSidebarItem
          logo={<Home />}
          path="/dashboard/day/today"
        />
        <MobileSidebarItem logo={<Tag />} path="/dashboard/categories" />
        <MobileSidebarItem logo={<CheckCheck />} path="/dashboard/metrics" />
        <MobileSidebarItem logo={<GaugeCircleIcon />} path="/dashboard/analytics" />
      </ul>
    </aside>
  );
}