import { Outlet } from 'react-router'

export default function Layout() {
  return (
    <div className="flex min-h-svh flex-col items-center justify-center">
      <div className="w-full max-w-sm relative pt-12">
        <div
          aria-hidden="true"
          className="absolute inset-0 grid grid-cols-2 opacity-20"
        >
          <div className="blur-[106px] h-56 bg-gradient-to-br to-lime-400 from-lime-700"></div>
          <div className="blur-[106px] h-42 bg-gradient-to-r from-lime-400 to-lime-600"></div>
        </div>
      </div>

      <div>
        <Outlet />
      </div>
    </div>
  )
}
