sidebar-panels.tsx

'use client'

import type { ReactNode } from 'react'
import { SidebarStackRenderer } from './renderer'
import { useSidebarStack } from './context'
import { Paragraph } from '@/components/paragraph'

export interface SidebarPanelsProps {
  panels: Record<string, ReactNode>
}

/**
 * Client component that renders sidebar panels based on a registry.
 * Takes pre-rendered ReactNode elements as panels, avoiding the need
 * to pass functions across the server/client boundary.
 * Also handles clicks on SidebarLink elements within the panels.
 */
export function SidebarPanels({ panels }: SidebarPanelsProps) {
  const { push } = useSidebarStack()