mirror of
https://github.com/trezor/trezor-wallet
synced 2025-07-15 19:18:21 +00:00
21 lines
784 B
JavaScript
21 lines
784 B
JavaScript
/* @flow */
|
|
|
|
import React from 'react';
|
|
|
|
export default (props: { size: string, label?: string, className?: string }): React$Element<string> => {
|
|
const className = props.className ? `loader-circle ${props.className}` : 'loader-circle';
|
|
const style = {
|
|
width: `${props.size}px`,
|
|
height: `${props.size}px`,
|
|
};
|
|
|
|
return (
|
|
<div className={className} style={style}>
|
|
<p>{ props.label }</p>
|
|
<svg className="circular" viewBox="25 25 50 50">
|
|
<circle className="route" cx="50" cy="50" r="20" fill="none" stroke="" strokeWidth="1" strokeMiterlimit="10" />
|
|
<circle className="path" cx="50" cy="50" r="20" fill="none" strokeWidth="1" strokeMiterlimit="10" />
|
|
</svg>
|
|
</div>
|
|
);
|
|
}; |