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

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

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