/**
 * AuthBgCol — colonne image gauche partagée entre toutes les pages d'authentification.
 *
 * L'image /login-bg.jpg contient les deux thèmes côte à côte (dark à gauche, light à droite).
 * La classe CSS .login-bg-col utilise background-position pour focaliser sur la bonne moitié
 * selon le thème actif ([data-theme="dark"] sur <html>).
 */
export default function AuthBgCol({ appInfo = {} }) {
  return (
    <div className="login-bg-col">
      <div className="login-bg-overlay" aria-hidden="true" />
      <div className="login-bg-brand">
        {appInfo.iconUrl && (
          <img src={appInfo.iconUrl} alt="" width={36} height={36}
            style={{ borderRadius: 8, flexShrink: 0 }} />
        )}
        <span>{appInfo.appName || 'Crowdlending Tracker'}</span>
      </div>
    </div>
  );
}
