"use client";

import { VIBNSidebar } from "@/components/layout/vibn-sidebar";
import { useParams } from "next/navigation";
import { ReactNode } from "react";
import { Toaster } from "sonner";

export default function ActivityLayout({ children }: { children: ReactNode }) {
  const params = useParams();
  const workspace = params.workspace as string;
  return (
    <>
      <div style={{ display: "flex", height: "100vh", background: "#f6f4f0", overflow: "hidden" }}>
        <VIBNSidebar workspace={workspace} />
        <main style={{ flex: 1, overflow: "auto" }}>{children}</main>
      </div>
      <Toaster position="top-center" />
    </>
  );
}