This repository has been archived on 2024-10-29. You can view files and clone it, but cannot push or open issues or pull requests.
FunctionProject/website/components/Loader.jsx

26 lines
599 B
React
Raw Permalink Normal View History

2020-03-21 23:03:30 +01:00
const Loader = ({ width, height, speed }) => (
2020-08-03 12:04:07 +02:00
<svg width={width} height={height} viewBox='0 0 100 100'>
<g transform='translate(50 50) rotate(0) scale(1 1) translate(-50 -50)'>
2020-08-03 14:14:45 +02:00
<image
style={{
transformOrigin: '50% 50%',
animation: `${speed} linear 0s infinite normal forwards running Loader__spin`
}}
x='0'
y='0'
width='100'
height='100'
href='/images/FunctionProject_icon.png'
/>
2020-08-03 12:04:07 +02:00
</g>
</svg>
)
2020-03-21 23:03:30 +01:00
Loader.defaultProps = {
2020-08-03 12:04:07 +02:00
width: '100px',
height: '100px',
speed: '.9s'
2020-03-21 23:03:30 +01:00
}
2020-08-03 12:04:07 +02:00
export default Loader