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

interface DashboardPageProps {
  children: React.ReactNode;
  className?: string;
}

/**
 * DashboardPage is a standardized container for dashboard content.
 * It ensures consistent max-width, centering, and padding across all dashboard pages.
 */
export function DashboardPage({ children, className }: DashboardPageProps) {
  return (
    <div className={cn("max-w-screen-2xl mx-auto px-4 sm:px-6 lg:px-8 py-10", className)}>
      {children}
    </div>
  );
}