// loading.jsx - Shahdad branded loading screen

const Loading = ({ done, onEnter }) => {
  return (
    <div className={"loader" + (done ? " hide" : "")}>
      <div className="loader-mark">
        <div className="glow"></div>
        <img className="loader-logo-img" src="uploads/shahdad-logo-mobile-vector-gold.png" alt="لوگوی کامل شهداد AI" />
        <span className="loader-logo-shine"></span>
        <div className="loader-ring"></div>
      </div>

      <div className="loader-type">
        <span className="loader-type-fa">اکوسیستم هوشمند حقوقی</span>
      </div>

      <div className="loader-prog"><i></i></div>

      <button className="loader-enter" onClick={onEnter}>
        <span>ورود به اکوسیستم</span>
        <small>Click to enter · sound enabled</small>
      </button>
    </div>
  );
};

window.Loading = Loading;