website/components/design/Main/Main.tsx

import classNames from "clsx"

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>
  )
}