// Real Bitcoin logo — public domain (Satoshi Nakamoto)
// Orange circle with stylized B + extended ticks
function BitcoinLogo({ size = 100, glow = false, style = {} }) {
  return (
    <svg viewBox="0 0 64 64" width={size} height={size} style={{
      filter: glow ? 'drop-shadow(0 0 40px rgba(247,147,26,0.6)) drop-shadow(0 0 12px rgba(247,147,26,0.8))' : 'none',
      ...style,
    }}>
      <circle cx="32" cy="32" r="32" fill="#F7931A"/>
      {/* The canonical Bitcoin B glyph — two horizontal tick pairs extending above and below */}
      <g fill="#fff">
        {/* left vertical stem */}
        <rect x="20.5" y="13.5" width="5" height="37" rx="0.5"/>
        {/* upper ticks above stem */}
        <rect x="22.5" y="9" width="3.2" height="7"/>
        <rect x="30" y="9" width="3.2" height="7"/>
        {/* lower ticks below stem */}
        <rect x="22.5" y="48" width="3.2" height="7"/>
        <rect x="30" y="48" width="3.2" height="7"/>
        {/* The double-lobe B shape */}
        <path d="M20 14 L20 32 L35.5 32 C 41 32, 44 28, 44 23 C 44 18, 41 14, 35.5 14 Z
                 M25 18 L25 28 L34 28 C 37.5 28, 39.5 26, 39.5 23 C 39.5 20, 37.5 18, 34 18 Z" fillRule="evenodd"/>
        <path d="M20 30 L20 50 L37 50 C 43 50, 46.5 45.5, 46.5 40 C 46.5 34.5, 43 30, 37 30 Z
                 M25 34 L25 46 L35.5 46 C 39 46, 41.5 44, 41.5 40 C 41.5 36, 39 34, 35.5 34 Z" fillRule="evenodd"/>
      </g>
    </svg>
  );
}

window.BitcoinLogo = BitcoinLogo;
