// AI Orb — layered conic gradient with optional listening pulse.

const Orb = ({ size = 200, listening = false, style }) => {
  return (
    <div className={`orb-wrap ${listening ? 'listening' : ''}`} style={{ width: size, height: size, ...style }}>
      <div className="orb" style={{ width: '100%', height: '100%' }}/>
      <div className="orb-inner"/>
    </div>
  );
};

const OrbMini = () => (
  <div className="orb-mini orb-wrap" style={{ width: 22, height: 22 }}>
    <div className="orb" style={{ width: '100%', height: '100%', filter: 'blur(1.5px) saturate(1.3)' }}/>
    <div className="orb-inner"/>
  </div>
);

window.Orb = Orb;
window.OrbMini = OrbMini;