import { Container } from "@/components/container";
import { cn } from "@/lib/utils";

/** Wider max-width than the marketing site's Container (max-w-7xl / 1280px)
 * — the dashboard is a data-dense workspace, not a marketing page, and the
 * approved visual reference uses the available viewport width instead of
 * leaving large empty margins. */
export function DashboardContainer({
  className,
  children,
}: {
  className?: string;
  children: React.ReactNode;
}) {
  return <Container className={cn("max-w-[1600px]", className)}>{children}</Container>;
}