import React, { ReactNode } from "react"
// import animation from "./Analemma_anim.svg"
export interface LoadingComponentProps {
/** Defaults to 100% */
width?: string | number
/** Defaults to 100% */
height?: string | number
/** Defaults to "Loading..." */
loadingText?: string
}
// Displays a spinner with animated loading text in the center
function LoadingComponent(props: LoadingComponentProps) {
const { width = "100%", height = "100%", loadingText = T`Loading...` } = props
return (
<>
)
}
export default LoadingComponent
const Animation = () => {
// const fill = "#48bea7"
const fill = "#eee" // Change default fill to a faded gray
const opacity = 1 // Set a constant opacity
const animValues = "#eee;#daa520;#eee" // Gray to golden yellow to gray
const radius = 9
return (
)
}