"use client";

import DashboardIcon from "@mui/icons-material/Dashboard";
import { PAGE_LINKS } from "@/app/features/dashboard/sidebar/SidebarLink.constants";
import PageLinks from "../../../components/PageLinks/PageLinks";
import "./sideBar.scss";

const SideBar = () => {
  return (
    <aside className="sidebar">
      <div className="sidebar__header">
        <span>
          Betrise cashir{" "}
          <DashboardIcon fontSize="small" className="sidebar__icon-spacing" />
        </span>
      </div>
      {PAGE_LINKS.map((link) => (
        <PageLinks
          key={link.path}
          title={link.title}
          path={link.path}
          icon={link.icon}
        />
      ))}
    </aside>
  );
};

export default SideBar;
