;(function () {
/* BrandCircle — solid color circle for asset marks. */

const BrandCircle = ({ size = 32, bg = '#0E1420', children }) => (
  <div
    style={{
      width: `${size}px`,
      height: `${size}px`,
      borderRadius: `${size / 2}px`,
      backgroundColor: bg,
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'center',
      flexShrink: 0,
    }}
  >
    {children}
  </div>
);

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