import React from 'react';
import './LoadingOverlay.css';

export default function LoadingOverlay({ visible = false, text = '', inline = false, dark = false }) {
  if (!visible) return null;
  return (
    <div className={'kole-loading-overlay' + (inline ? ' is-inline' : '') + (dark ? ' is-dark' : '')}>
      <div className="kole-loading-spinner" />
      {text ? <div className="kole-loading-text">{text}</div> : null}
    </div>
  );
}
