All files / molecules/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);