import { cn } from "@/lib/utils";
import type { ReactNode } from "react";

export default function LabsListLayout({
  side,
  sideClassName,
  children,
}: {
  side: ReactNode;
  sideClassName?: string;
  children: ReactNode;
}) {
  return (
    <div className="flex min-h-content">
      <aside className="hidden md:block w-side min-h-content shrink-0 border-r">
        <div
          className={cn(
            "fixed top-header z-0 w-side px-8 py-6 min-h-content",
            sideClassName
          )}
        >
          {side}
        </div>
      </aside>
      <main className="flex-1 min-h-content relative">
        <div className="fixed w-full md:w-content left-0 md:left-side border-t top-header z-10" />
        {children}
      </main>
    </div>
  );
}