import React from 'react'
import { LoadingIcon } from '../../icons'
import './LoadingSpinner.css'

export const LoadingSpinner: React.FC = () => {
  return (
    <div className="sp-loading-spinner-overlay">
      <div className="sp-loading-spinner">
        <LoadingIcon size={48} color="var(--player-primary)" />
      </div>
    </div>
  )
}
