import React from 'react'
import copy from '../../common/data/copy.json'

const LoadingOverlay = ({ isLoading, language }) => {
  let classes = 'loading-overlay'
  classes += (!isLoading) ? ' hidden' : ''

  return (
    <div id='loading-overlay' className={classes}>
      <div className='loading-wrapper'>
        <span id='loading-text' className='text'>{copy[language].loading}</span>
        <div className='spinner'>
          <div className='double-bounce1' />
          <div className='double-bounce2' />
        </div>
      </div>
    </div>
  )
}

export default LoadingOverlay