mirror of https://github.com/trezor/trezor-wallet
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
21 lines
784 B
21 lines
784 B
/* @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>
|
|
);
|
|
}; |