import { IProps } from "@/common/Iprops.interface"
import { BallAnime } from "./BallAnime"
import { GradientLay } from "./GradientLay"

interface PageLayoutType extends IProps{
    className?:string
    ballConfig?:any
    gradientConfig?:any
    fullscreen?:boolean
}

export const PageLayout=(props:PageLayoutType)=>{
    const {children,className,ballConfig,gradientConfig,fullscreen} = props
    return(
        <GradientLay config={gradientConfig}>
            <div className={`h-screen w-screen min-h-[750px] relative ${className}`}>
                <BallAnime config={ballConfig}>
                <div className={`h-full w-full flex-col items-center ${fullscreen ?'pt-0':'pt-[70px]'}`}>
                    {children}    
                </div>
                </BallAnime>
            </div>
        </GradientLay>
        
    )
}