import type { ReactNode } from "react";

import { OperationsAuthGuard } from "@/components/operations-auth-guard";

import { OperationsMobileNav } from "./_components/operations-mobile-nav";
import { OperationsSidebar } from "./_components/operations-sidebar";

export default function OperationsLayout({ children }: Readonly<{ children: ReactNode }>) {
  return (
    <OperationsAuthGuard>
      <div className="flex min-h-screen bg-zinc-100 dark:bg-zinc-900">
        <div className="hidden md:flex">
          <OperationsSidebar />
        </div>
        <div className="flex min-h-0 min-w-0 flex-1 flex-col pb-16 md:pb-0">{children}</div>
        <OperationsMobileNav />
      </div>
    </OperationsAuthGuard>
  );
}