Spinner index.jsx

80% Statements 4/5

100% Branches 0/0

0% Functions 0/1

80% Lines 4/5

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33  
 
 
 
 
 
 
1x
 
 
 
 
 
 
1x
1x
 
 
 
 
 
 
 
 
1x
 
 
 
 
 
 
 
  import React from 'react';
import PropTypes from 'prop-types';
 
import Atom from '../../atoms/Atom';
import withStyle from '../../Theme/withStyle';
import { getSegmentStyle } from './style';
 
const Spinner = ({ borderWidth, children, color, css, getColor, size }) => (
  <Atom css={css}>
    <Atom css={getSegmentStyle(borderWidth, size, getColor(color))} />
    {children}
  </Atom>
);
 
Spinner.displayName = 'Spinner';
Spinner.propTypes = {
  borderWidth: PropTypes.string,
  children: PropTypes.node,
  color: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
  css: PropTypes.shape().isRequired,
  getColor: PropTypes.func.isRequired,
  size: PropTypes.string,
};
 
Spinner.defaultProps = {
  borderWidth: '2.4px',
  children: null,
  color: null,
  size: '24px',
};
 
export default withStyle(Spinner);