import * as React from "react";

import { Sidebar, SidebarContent } from "@/components/ui/sidebar";
import NavConversations from "@/components/nav-conversations";
import NavMain from "@/components/nav-main";

export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
  return (
    <Sidebar
      className="top-(--header-height) h-[calc(100svh-var(--header-height))]!"
      {...props}
    >
      <SidebarContent>
        <NavMain />
        <NavConversations />
      </SidebarContent>
    </Sidebar>
  );
}