;(function () {
/* FlagPair — twin EU + CAD flag circles, top-left + bottom-right at 70% size. */

const FlagPair = ({ a = 'EUR', b = 'CAD', size = 32 }) => {
  const inner = size * 0.7;
  const flagSrc = (k) => k === 'CAD' ? 'superapp/icons/flag-cad.svg' : 'superapp/icons/flag-eur.svg';
  return (
    <div style={{ position: 'relative', width: `${size}px`, height: `${size}px` }}>
      <div style={{ position: 'absolute', overflow: 'hidden', border: '1px solid #fff', left: 0, top: 0, width: `${inner}px`, height: `${inner}px`, borderRadius: `${inner / 2}px` }}>
        <img src={flagSrc(a)} width={inner} height={inner} alt="" />
      </div>
      <div style={{ position: 'absolute', overflow: 'hidden', border: '1px solid #fff', right: 0, bottom: 0, width: `${inner}px`, height: `${inner}px`, borderRadius: `${inner / 2}px` }}>
        <img src={flagSrc(b)} width={inner} height={inner} alt="" />
      </div>
    </div>
  );
};

Object.assign(window, { FlagPair });
})();