import React from 'react';

type Props = {
  className?: string,
}

const ApoliticalWhiteLogo = ({ className }: Props) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="153" height="32" viewBox="0 0 153 32" className={className} version="1.1">
    <g fill="none" fillRule="evenodd">
      <g fill="#FFF" fillRule="nonzero">
        <g>
          <path d="M17.305 25.296v-3.292h-.096c-1.644 2.421-4.35 3.68-7.251 3.68C4.448 25.78 0 21.616 0 16c0-5.617 4.544-9.78 9.958-9.78 2.9 0 5.607 1.259 7.25 3.776h.097V6.704h2.417v18.592h-2.417zM9.958 8.35c-4.447 0-7.638 3.293-7.638 7.747 0 4.357 3.287 7.553 7.638 7.553 4.254 0 7.444-3.486 7.444-7.553 0-4.261-3.19-7.747-7.444-7.747zM33.644 25.78c-2.9 0-5.608-1.355-7.251-3.68h-.097v9.781H23.88V6.704h2.417v3.292h.097c1.74-2.421 4.35-3.777 7.25-3.777 5.512 0 9.959 4.164 9.959 9.781.096 5.616-4.35 9.78-9.958 9.78zm0-17.43C29.39 8.35 26.2 11.836 26.2 16s3.19 7.553 7.444 7.553c4.35 0 7.637-3.195 7.637-7.553 0-4.357-3.19-7.65-7.637-7.65zm22.429 17.43c-5.22 0-9.668-4.357-9.668-9.683S50.66 6.22 56.073 6.22c5.317 0 9.764 4.454 9.764 9.78s-4.35 9.78-9.764 9.78zm.096-17.43c-4.253 0-7.347 3.583-7.347 7.747 0 4.067 3.19 7.553 7.347 7.553 4.254 0 7.348-3.583 7.348-7.747 0-4.067-3.287-7.553-7.348-7.553zM69.511.119h2.417v25.177h-2.417V.119zm7.444 6.585h2.417v18.592h-2.417V6.704zm12.762 2.13v16.462H87.3V8.834h-3.867v-2.13H87.3V.119h2.417v6.585h4.447v2.13h-4.447zm7.637-2.13h2.417v18.592h-2.417V6.704zm15.952 19.076c-5.51 0-9.958-4.164-9.958-9.78 0-5.52 4.544-9.78 9.958-9.78 4.06 0 7.734 2.324 9.281 6.1h-2.61c-1.257-2.42-3.77-3.97-6.574-3.97-4.254 0-7.734 3.293-7.734 7.553 0 4.358 3.384 7.65 7.734 7.65 2.707 0 5.317-1.259 6.574-3.776h2.61c-1.934 3.776-4.93 6.003-9.28 6.003zm29.39-.484v-3.292h-.097c-1.643 2.421-4.35 3.68-7.25 3.68-5.608 0-9.958-4.164-9.958-9.78 0-5.617 4.543-9.781 9.957-9.781 2.9 0 5.608 1.258 7.251 3.776h.097V6.704h2.417v18.592h-2.417zM135.348 8.35c-4.447 0-7.637 3.293-7.637 7.747 0 4.357 3.287 7.553 7.637 7.553 4.254 0 7.444-3.486 7.444-7.553 0-4.261-3.19-7.747-7.444-7.747zM150.43.119h2.417v25.177h-2.417V.119zM79.47 1.475c0 .774-.58 1.355-1.354 1.355-.773 0-1.353-.58-1.353-1.355S77.44.119 78.116.119c.773 0 1.353.581 1.353 1.356zm20.399 0c0 .774-.58 1.355-1.354 1.355-.773 0-1.353-.58-1.353-1.355S97.74.119 98.514.119c.774 0 1.354.581 1.354 1.356z" transform="translate(-30 -25) translate(30 25)" />
        </g>
      </g>
    </g>
  </svg>
);

ApoliticalWhiteLogo.defaultProps = {
  className: '',
};

export default ApoliticalWhiteLogo;
