import React from 'react'
import './index.scss'

interface IProps {
  isDarken?: boolean
}

const DotLoading: React.FC<IProps> = ({ isDarken = true }) => {
  return (
    <div className="snippet" data-title=".dot-flashing">
      <div className="stage">
        <div className={`dot-flashing ${isDarken && 'darken'}`}></div>
      </div>
    </div>
  )
}

export default DotLoading
