Intlayer

import { GridPattern } from '@intlayer/design-system'; import type { FC, PropsWithChildren } from 'react'; import { cn } from '../../utils/cn'; export const BackgroundLayout: FC< PropsWithChildren<{ hasSpotlight?: boolean; className?: string }> > = ({ children, hasSpotlight = true, className }) => { return ( <> <div className={cn( 'absolute z-[-1] size-full max-h-full max-w-full overflow-hidden', className )} > <div className="relative size-full"> <GridPattern width={70} height={100} x={-1} y={-1} className={ hasSpotlight ? 'h-[200vw] [mask-image:radial-gradient(ellipse_75%_55%_at_50%_45%,white_50%,transparent_100%)]' : 'h-[200vw]' } /> </div> </div> {children} </> ); };