import React, { ReactElement, useEffect, useState } from "react"
import Head from "next/head"
function genSpan(len: number) {
const indents = []
for (let i = 0; i < len; i++) {
indents.push()
}
return indents
}
interface BgsType {
css: string
html: ReactElement
}
const bgs: BgsType[] = [
{
css: "/assets/css/blurBg.css",
html: {genSpan(20)}
},
{
css: "/assets/css/circlesBg.css",
html: (
)
}
]
function AnimatedRandomBG() {
const [bg, setBg] = useState(bgs[0])
useEffect(() => {
const randomNum = Math.floor(Math.random() * bgs.length)
const bg = bgs[randomNum]
setBg(bg)
}, [])
return (
<>
Login
{}
{bg.html}
)
}
export default AnimatedRandomBG