# All files / src/components/layout PageLayout.tsx

0% Statements 0/2
0% Branches 0/2
0% Functions 0/1
0% Lines 0/2

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26

     import { type ReactNode } from 'react';

    interface PageLayoutProps {
      children: ReactNode;
      className?: string;
      maxWidth?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
    }

    const maxWidthClasses: Record<string, string> = {
      sm: 'max-w-2xl',
      md: 'max-w-3xl',
      lg: 'max-w-5xl',
      xl: 'max-w-7xl',
      full: 'max-w-full',
    };

    function PageLayout({ children, className = '', maxWidth = 'xl' }: PageLayoutProps) {
      return (
        <div className={`${maxWidthClasses[maxWidth]} mx-auto px-4 sm:px-6 ${className}`}>
          {children}
        </div>
      );
    }

    export { PageLayout };