/** InternetPressure.io mark — the pressure dial (generated by scripts/brand.py; same geometry as public/brand/mark.svg).
 *  Seven bands = the pressure palette calm → extreme, a needle and a hub. `mono` renders everything in `color`. */
export function Logo({ size = 22, className, color = 'currentColor', mono = false }: { size?: number; className?: string; color?: string; mono?: boolean }) {
  return (
    <svg viewBox="0 0 64 64" width={size} height={size} className={className} aria-hidden="true">
      <path d="M11.22 44.00 A24.0 24.0 0 0 1 8.01 31.28" stroke={mono ? color : "#4CC9F0"} strokeWidth={6.5} strokeLinecap="round" fill="none" />
      <path d="M8.08 30.03 A24.0 24.0 0 0 1 12.69 17.75" stroke={mono ? color : "#7FB77E"} strokeWidth={6.5} strokeLinecap="round" fill="none" />
      <path d="M13.46 16.76 A24.0 24.0 0 0 1 24.24 9.29" stroke={mono ? color : "#E9C46A"} strokeWidth={6.5} strokeLinecap="round" fill="none" />
      <path d="M25.44 8.91 A24.0 24.0 0 0 1 38.56 8.91" stroke={mono ? color : "#F4A261"} strokeWidth={6.5} strokeLinecap="round" fill="none" />
      <path d="M39.76 9.29 A24.0 24.0 0 0 1 50.54 16.76" stroke={mono ? color : "#E76F51"} strokeWidth={6.5} strokeLinecap="round" fill="none" />
      <path d="M51.31 17.75 A24.0 24.0 0 0 1 55.92 30.03" stroke={mono ? color : "#D62828"} strokeWidth={6.5} strokeLinecap="round" fill="none" />
      <path d="M55.99 31.28 A24.0 24.0 0 0 1 52.78 44.00" stroke={mono ? color : "#F72585"} strokeWidth={6.5} strokeLinecap="round" fill="none" />
      <polygon points="34.11,31.36 29.89,32.64 27.09,15.73" fill={mono ? color : '#E6EDF3'} />
      <circle cx="32.0" cy="32.0" r="4.2" fill={mono ? color : '#E6EDF3'} />
      {!mono && <circle cx="32.0" cy="32.0" r="1.6" fill="#070A0F" />}
    </svg>
  );
}