// bdk-boot.jsx — sleek modern glass loader (replaces the retro BIOS POST).
function BootSequence({ onDone }) {
  const doneRef = React.useRef(false);
  const onDoneRef = React.useRef(onDone);
  React.useEffect(() => { onDoneRef.current = onDone; }, [onDone]);
  const finish = React.useCallback(() => {
    if (doneRef.current) return;
    doneRef.current = true;
    onDoneRef.current();
  }, []);

  React.useEffect(() => {
    window.BDKSOUND.play('boot');
    const t = setTimeout(finish, 2600);
    const skip = () => finish();
    window.addEventListener('keydown', skip);
    return () => { clearTimeout(t); window.removeEventListener('keydown', skip); };
  }, [finish]);

  return (
    <div className="bdk-loader" data-screen-label="Loading" onClick={finish}>
      <div className="bdk-loader-inner">
        <img className="bdk-loader-bdk" src="bdk/assets/yeet/bizdevkev-logo.svg" alt="BizDevKev" />
        <div className="bdk-loader-x"><span>×</span><img src="bdk/assets/yeet/yeet-logo.svg" alt="YEET" /></div>
        <div className="bdk-loader-bar"><span></span></div>
        <div className="bdk-loader-sub">ENTERING THE HUB OF VALUE</div>
      </div>
      <div className="bdk-loader-skip">CLICK ANYWHERE TO ENTER</div>
    </div>
  );
}

Object.assign(window, { BootSequence });