import type { ReactNode } from "react"

interface SidebarProps {
  topContent: ReactNode
  bottomContent: ReactNode
}

export function Sidebar({ topContent, bottomContent }: SidebarProps) {
  return (
    <aside className="sidebar conversation-sidebar-layout app-drag-region">
      <div className="sidebar-top">
        {topContent}
      </div>
      <div className="sidebar-bottom">
        {bottomContent}
      </div>
    </aside>
  )
}
