import { TreeView } from '../tree/TreeView'

export function Sidebar() {
  return (
    <div className="flex h-full flex-col">
      <div className="flex items-center justify-between px-3 py-3 border-b border-slate-700/60">
        <h1 className="text-sm font-semibold tracking-wide text-slate-200">WebChatV2</h1>
        <span className="text-[10px] uppercase text-slate-500">Temas</span>
      </div>
      <div className="min-h-0 flex-1 overflow-y-auto p-2">
        <TreeView />
      </div>
    </div>
  )
}