2021-12-02 13:03:52 -08:00
|
|
|
/**
|
|
|
|
* iOS style loading spinner.
|
|
|
|
* It's mostly CSS, adapted from: https://loading.io/css/
|
|
|
|
*/
|
|
|
|
import PropTypes from 'prop-types';
|
2022-01-10 14:17:52 -08:00
|
|
|
import React from 'react';
|
2021-12-02 13:03:52 -08:00
|
|
|
|
|
|
|
const LoadingSpinner = ({ size = 30 }) => (
|
|
|
|
<div class='lds-spinner' style={{ width: size, height: size }}>
|
|
|
|
{Array(12).fill().map(i => (
|
|
|
|
<div />
|
|
|
|
))}
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
|
|
|
|
LoadingSpinner.propTypes = {
|
|
|
|
size: PropTypes.number,
|
|
|
|
};
|
|
|
|
|
|
|
|
export default LoadingSpinner;
|