mirror of
https://github.com/theoludwig/theoludwig.git
synced 2024-11-05 04:51:30 +01:00
Théo LUDWIG
6b29ce9b15
Improvements: - Hide switch theme input (ugly little white square) - i18n without subpath (e.g: /fr or /en), same url whatever the locale used
34 lines
852 B
TypeScript
34 lines
852 B
TypeScript
import styles from './Loader.module.css'
|
|
|
|
export interface LoaderProps {
|
|
width?: number
|
|
height?: number
|
|
className?: string
|
|
}
|
|
|
|
export const Loader: React.FC<LoaderProps> = (props) => {
|
|
const { width = 50, height = 50, className } = props
|
|
|
|
return (
|
|
<div className={className}>
|
|
<div
|
|
data-cy='progress-spinner'
|
|
className='relative mx-auto my-0 before:block before:pt-[100%] before:content-none'
|
|
style={{ width: `${width}px`, height: `${height}px` }}
|
|
>
|
|
<svg className={styles['progressSpinnerSvg']} viewBox='25 25 50 50'>
|
|
<circle
|
|
className={styles['progressSpinnerCircle']}
|
|
cx='50'
|
|
cy='50'
|
|
r='20'
|
|
fill='none'
|
|
strokeWidth='2'
|
|
strokeMiterlimit='10'
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|