1 2 3 4 5 6 7 8 9 10 11 12 13 | 1x | import React from 'react'; import styles from './style.scss'; export default ({ size=100, finished = false}) => ( <div> {!finished && <svg viewBox='0 0 100 100' className="px-spinner" height={size} width={size}> <circle className="circle1" cx="50" cy="50" r="45"></circle> <circle className="circle2" cx="50" cy="50" r="45" transform="rotate(-45,50,50)"></circle> </svg>} <style jsx>{styles}</style> </div> ); |