import React from 'react';
import getSvgIds from '../../../util/getSvgIdsUtil';

const SvgIdent = ({ height, width, ...otherProps }) => {
  const svgIds = getSvgIds('nl_cs');
  return (
    <svg
      width={width}
      height={height}
      viewBox='0 0 112 112'
      xmlnsXlink='http://www.w3.org/1999/xlink'
      {...otherProps}
    >
      <defs>
        <circle id={svgIds.defId} cx={56} cy={56} r={56} />
      </defs>
      <g fill='none' fillRule='evenodd'>
        <mask id={svgIds.maskId} fill='#fff'>
          <use xlinkHref={svgIds.defSelector} />
        </mask>
        <use fill='#2E45B8' xlinkHref={svgIds.defSelector} />
        <path
          fill='#2E45B8'
          mask={svgIds.maskSelector}
          d='M9.034 112.223h96.485V-.448H9.034z'
        />
        <path
          fillOpacity={0.3}
          fill='#F5F4F4'
          mask={svgIds.maskSelector}
          d='M54.315 86.886h57.68V26.458h-57.68z'
        />
        <path
          fillOpacity={0.3}
          fill='#F5F4F4'
          mask={svgIds.maskSelector}
          d='M-.263 78.07h79.632V16.775H-.263z'
        />
        <path
          fill='#F5F4F4'
          mask={svgIds.maskSelector}
          d='M20.72 112.336h70.336V35.952H20.72z'
        />
        <path
          fill='#E3120C'
          mask={svgIds.maskSelector}
          d='M24.08 54.432h30.24v-15.12H24.08z'
        />
      </g>
    </svg>
  );
};

export default SvgIdent;
