import React from 'react'
import PropTypes from 'prop-types'
import { TailSpin } from 'react-loader-spinner'

const Loading = ({ addClass, color, height, radius, width, wrapperStyle, ...props }) => (
  <TailSpin
    ariaLabel='tail-spin-loading'
    color={color}
    height={height}
    width={width}
    radius={radius}
    visible
    wrapperStyle={{ justifyContent: 'center', ...wrapperStyle }}
    wrapperClass={addClass}
    {...props}
  />
)

Loading.propTypes = {
  addClass: PropTypes.string,
  color: PropTypes.string,
  height: PropTypes.number,
  width: PropTypes.number,
  radius: PropTypes.number,
  wrapperStyle: PropTypes.shape({}),
  wrapperClass: PropTypes.string,
}

Loading.defaultProps = {
  addClass: '',
  color: '#6a6a6a',
  height: 40,
  width: 40,
  radius: 1,
}

export default Loading