import type { ReactNode } from "react";

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

type ModuleScaffoldProps = {
  children?: ReactNode;
  className?: string;
};

/** 内容区容器；模块标题由侧栏导航体现，此处不再重复大标题与说明。 */
export function ModuleScaffold({ children, className }: ModuleScaffoldProps) {
  return (
    <div
      className={cn(
        "mx-auto flex w-full max-w-[1680px] min-w-0 flex-col gap-6 px-4 py-5 sm:px-6 lg:px-8 lg:py-6",
        className,
      )}
    >
      {children}
    </div>
  );
}
