import type { ReactNode } from "react";

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

interface DashboardPageContentProps {
  children: ReactNode;
  className?: string;
}

/** Shared page shell: matches header horizontal padding and constrains wide tables. */
export function DashboardPageContent({ children, className }: DashboardPageContentProps) {
  return (
    <div
      className={cn(
        "flex min-w-0 flex-1 flex-col gap-4 px-4 pt-4 pb-6 md:gap-6 lg:px-6",
        className,
      )}
    >
      {children}
    </div>
  );
}