examples/AppSidebar.tsx

import { AppSidebar } from '../AppSidebar';
import { SidebarProvider } from '@/components/ui/sidebar';

export default function AppSidebarExample() {
  const style = {
    "--sidebar-width": "20rem",
    "--sidebar-width-icon": "4rem",
  };

  return (
    <SidebarProvider style={style as React.CSSProperties}>
      <div className="flex h-screen w-full">
        <AppSidebar
          buddyName="CodeBuddy"
          onSettingsClick={() => console.log('Settings clicked')}
          onLogoutClick={() => console.log('Logout clicked')}
        />
      </div>
    </SidebarProvider>
  );
}