website/components/design/Main/Main.tsx

import classNames from 'classnames'

export interface MainProps {
  className?: string
}

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

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