// Brand mark — mirrors client_app/lib/features/splash/splash_screen.dart:
// pink #FF699F rounded-square tile, logo image scaled to 1.4× (the source PNG
// has ~25% internal whitespace), soft shadow.
import logoUrl from '../../assets/logo.png'

export default function HBLogo({ size = 56, radius, shadow = true, style = {} }) {
  const r = radius ?? Math.round(size * 0.25) // matches Flutter radius:24 on 96px
  return (
    <div
      style={{
        width: size,
        height: size,
        borderRadius: r,
        background: '#FF699F',
        overflow: 'hidden',
        flexShrink: 0,
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'center',
        boxShadow: shadow ? 'var(--hb-shadow-soft)' : 'none',
        ...style,
      }}
    >
      <img
        src={logoUrl}
        alt="Halo Bestie"
        draggable={false}
        style={{
          width: '140%',
          height: '140%',
          objectFit: 'cover',
        }}
      />
    </div>
  )
}
