"use client";

import Link from "next/link";
import { ISidebarLink } from "@/app/features/dashboard/sidebar/SidebarLink.interfaces";
import clsx from "clsx"; // Utility to merge class names
import "./PageLinks.scss";

export default function PageLinks({ title, path, icon: Icon }: ISidebarLink) {
  return (
    <Link href={path} passHref legacyBehavior>
      <a className={clsx("link-container")}>
        {Icon && <Icon />}
        <span className="link-text">{title}</span>
      </a>
    </Link>
  );
}