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

interface PageContainerProps extends React.HTMLAttributes<HTMLDivElement> {
    children: React.ReactNode;
}

const PageContainer = React.forwardRef<HTMLDivElement, PageContainerProps>(
    ({ className, children, ...props }, ref) => {
        return (
            <div
                ref={ref}
                className={cn(
                    "flex w-full flex-col space-y-4 p-6",
                    className
                )}
                {...props}
            >
                {children}
            </div>
        );
    }
);

PageContainer.displayName = "PageContainer";

export { PageContainer };