📦 EqualifyEverything / equalify-dashboard

📄 max-width-wrapper.tsx · 25 lines
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;