Trying to animate a simple loader component

[Mayank-savaliya]

let defaultStyle = {
suggestions: {
marginTop: "10px",
loadingIndicator: {
spinner:{
element: {
height: 100,
width: 100,
background: "black",
animationName: "$element",
animationCount: "infinite",
animationDuration: "2s",
"@Keyframes element":{
"0%":{
opacity: 0
},
"100%":{
opacity: 1
}
}
},
element1: {
},
element2: {

        },
        element3: {
        },
        element4: {},
        element5: {}
    }
}

},
}

Trying to make a loader component with animation. Not sure how to get it done