/* ThemisXBand.jsx — horizontal band between cards and the about link.
 * Always visible without scroll on a laptop viewport. Opens ThemisX chat on click.
 */
function ThemisXBand({ onClick }) {
  return (
    <div className="themisx-band">
      <div className="inner" onClick={onClick} role="button" tabIndex={0}
        onKeyDown={(e) => { if (e.key === "Enter" || e.key === " ") { e.preventDefault(); onClick && onClick(); } }}>
        <div className="left">
          <div className="badge"><span className="star">✦</span></div>
          <div className="copy">
            <strong>¿Tienes una duda legal?</strong>
            <span className="sep">·</span>
            Consulta ahora a <strong>ThemisX</strong>, nuestra asistente legal con IA
            <span className="think" aria-hidden="true"><i></i><i></i><i></i></span>
          </div>
        </div>
        <div className="right">
          <span>Hablar con ThemisX</span>
          <span className="arrow"><i data-lucide="arrow-right"></i></span>
        </div>
      </div>
    </div>
  );
}

Object.assign(window, { ThemisXBand });