import type { ReactNode } from "react";
import { AuthGuard } from "@/components/AuthGuard";
import { KeyboardShortcuts } from "@/components/KeyboardShortcuts";
import { BroadcastBanner } from "@/components/BroadcastBanner";
import { SurveyBanner } from "@/components/SurveyBanner";
import { CommandPalette } from "@/components/CommandPalette";

export default function ProductLayout({ children }: { children: ReactNode }) {
  return (
    <AuthGuard>
      <CommandPalette />
      <KeyboardShortcuts />
      <BroadcastBanner />
      <SurveyBanner />
      <main id="main-content">{children}</main>
    </AuthGuard>
  );
}