import van from "vanjs-core";
import { createAppController } from "./app-controller";
import { Sidebar } from "../features/conversations/sidebar";
import { ConversationPane } from "../features/conversations/conversation-pane";
import "./app-shell.css";

const { div } = van.tags;

export function AppShell(): HTMLElement {
  const controller = createAppController();
  void controller.initialize();
  return div(
    { class: "app-shell" },
    Sidebar(controller),
    ConversationPane(controller),
  );
}