import { useLocation } from 'react-router';
import { SidebarMenuDashboard } from './SidebarMenuDashboard';
import { SidebarMenuDefault } from './SidebarMenuDefault';

export function SidebarSecondary() {
  const { pathname } = useLocation();

  return (
    <div className="kt-scrollable-y-hover my-5 max-h-[calc(100vh-2rem)] shrink-0 grow ps-3.5 pe-1">
      {pathname === '/' ? <SidebarMenuDashboard /> : <SidebarMenuDefault />}
    </div>
  );
}