"use client";

import React from "react";
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-container">
      <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;
