// @flow
import React from 'react';

import ApoliticalBrand from '../../../Theme/ApoliticalBrand';

type Props = {
    className?: string,
  }

const { color } = ApoliticalBrand;

const NewspaperIcon = ({ className }: Props) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" className={className}>
    <desc>Newspaper icon</desc>
    <g fill="none" fillRule="evenodd" strokeLinecap="round" strokeLinejoin="round">
      <g stroke={`${color.purple}`}>
        <g>
          <g>
            <g>
              <path d="M24 4.8h-4.8v16.802c0 1.323 1.075 2.398 2.4 2.398 1.326 0 2.4-1.074 2.4-2.398" transform="translate(-1012 -436) translate(0 120) translate(1013 182) translate(0 135) matrix(-1 0 0 1 43.2 0)" />
              <path d="M0 24h19.562c1.322 0 2.399-1.075 2.399-2.4V0H2.76v21.602C2.76 22.926 1.688 24 .359 24H0h0z" transform="translate(-1012 -436) translate(0 120) translate(1013 182) translate(0 135) matrix(-1 0 0 1 21.96 0)" />
              <path d="M3.5 6.5L16.501 6.5M3.5 9.5L16.501 9.5M3.5 12.5L16.501 12.5M3.5 15.5L16.501 15.5M3.5 18.5L16.501 18.5M3.5 3.5L16.501 3.5" transform="translate(-1012 -436) translate(0 120) translate(1013 182) translate(0 135)" />
            </g>
          </g>
        </g>
      </g>
    </g>
  </svg>

);

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

export default NewspaperIcon;