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

const SvgIdent = ({ height, width, ...otherProps }) => {
  const svgIds = getSvgIds('nl_otc');
  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='#F97A1F' xlinkHref={svgIds.defSelector} />
        <g mask={svgIds.maskSelector}>
          <g transform='translate(-6.247 -4.032)'>
            <path fill='#FCB583' d='M35.367 22.4h29.12v99.904h-29.12z' />
            <path fill='#FEE2CD' d='M64.487 59.808h29.12v62.496h-29.12z' />
            <path fill='#FA9851' d='M6.247 46.144h29.12v76.16H6.247z' />
            <path
              fill='#0D0D0D'
              fillRule='nonzero'
              d='M119.76.137l3.247 1.518L79.65 94.4 49.502 48.664 21.148 77.82.013 66.425l1.701-3.154 18.752 10.11 29.575-30.412 29.076 44.11z'
            />
            <circle fill='#FFF' cx={49.927} cy={46.144} r={5.6} />
            <circle fill='#FFF' cx={79.047} cy={89.152} r={5.6} />
            <circle fill='#FFF' cx={20.807} cy={74.144} r={5.6} />
          </g>
        </g>
      </g>
    </svg>
  );
};

export default SvgIdent;
