website/components/design/Main/Main.tsx

import classNames from 'classnames'

export interface MainProps {
  className?: string
}

export const Main: React.FC<React.PropsWithChildren<MainProps>> = (props) => {
  const { children, className } = props

  return (
    <main
      className={classNames(
        'flex flex-1 flex-col items-center justify-center py-8',
        className
      )}
    >
      {children}
    </main>
  )
}