import React from 'react';

interface AppSidebarProps {
  children?: React.ReactNode;
  className?: string;
}

/**
 * AppSidebar is the "dashboard rail" of the application.
 * It provides global navigation and context.
 */
export function AppSidebar({ children, className = '' }: AppSidebarProps) {
  return (
    <aside 
      className={`hidden lg:flex flex-col w-64 bg-[#141619] border-r border-[#23272B] overflow-y-auto ${className}`}
    >
      {children}
    </aside>
  );
}