1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25import { cn } from '~/utils'; interface MaxWidthWrapperProps { children: React.ReactNode; className?: string; } const MaxWidthWrapper: React.FC<MaxWidthWrapperProps> = ({ children, className, }) => { return ( <div className={cn( 'mx-auto h-full w-full max-w-screen-xl px-5 lg:px-20', className, )} > {children} </div> ); }; export default MaxWidthWrapper;