import { Box } from '@mui/material'
import type { ReactNode } from 'react'

interface PageContainerProps {
  children: ReactNode
  maxWidth?: string | number
  className?: string
}

export function PageContainer({ children, maxWidth = 1440, className = '' }: PageContainerProps) {
  return (
    <Box
      className={`w-full mx-auto px-6 py-6 ${className}`}
      sx={{ maxWidth }}
    >
      {children}
    </Box>
  )
}