import React from 'react';
import { Defs, LinearGradient, Stop } from 'react-native-svg';

import { IconProps, RootPath, RootSvg } from './utils/base';

export const XLS: React.FC<IconProps> = (props) => (
  <RootSvg
    height={props.height || 40}
    viewBox={props.viewBox || '0 0 34 40'}
    width={props.width || 34}
    {...props}
  >
    <RootPath
      d='M0 4a4 4 0 014-4h19.333l10 10v26a4 4 0 01-4 4H4a4 4 0 01-4-4V4z'
      pathFill='url(#gradient)'
    />
    <RootPath
      d='M26.691 9.99a3.307 3.307 0 01-3.307-3.307V.058L33.33 9.99H26.69z'
      pathFill='#16613F'
    />
    <RootPath
      d='M13.175 34.31l-1.384 2.023h1.184l.803-1.212.803 1.212h1.206l-1.421-2.046 1.264-1.8h-1.168l-.67 1.004-.676-1.004H11.91l1.264 1.823zm3.044-3.289v5.312h1.057v-5.312h-1.057zm2.707 4.062h-1.004c.01.258.066.474.17.648.11.168.246.305.41.409.168.104.36.178.573.223a3.19 3.19 0 001.294 0 1.58 1.58 0 00.566-.216c.163-.104.295-.24.394-.409.104-.173.156-.387.156-.64a.875.875 0 00-.38-.751 1.404 1.404 0 00-.393-.201 4.222 4.222 0 00-.447-.127 17.591 17.591 0 00-.439-.096 4.425 4.425 0 01-.387-.097.859.859 0 01-.268-.149.29.29 0 01-.104-.23c0-.08.02-.142.06-.186a.382.382 0 01.141-.112.611.611 0 01.194-.045c.069-.01.134-.014.193-.014.188 0 .352.037.491.111.139.07.216.206.23.41h1.005a1.213 1.213 0 00-.565-.968 1.604 1.604 0 00-.529-.2 3.101 3.101 0 00-1.213 0c-.198.034-.376.098-.535.193-.159.089-.288.213-.387.372-.094.158-.141.362-.141.61 0 .168.035.312.104.431.07.114.161.211.275.29.114.075.243.137.387.186.149.045.3.085.454.12.377.079.67.158.878.237.213.08.32.199.32.358a.408.408 0 01-.067.238.552.552 0 01-.171.148.908.908 0 01-.454.105c-.104 0-.206-.013-.305-.038a.836.836 0 01-.253-.111.72.72 0 01-.186-.201.628.628 0 01-.067-.298z'
      pathFill='#FFFFFF'
    />
    <RootPath
      d='M8.333 14.167h5v-2.5h-5v2.5zm5 4.166h-5v-2.5h5v2.5zm0 4.167h-5V20h5v2.5zM25 18.333H15v-2.5h10v2.5zM15 22.5h10V20H15v2.5zm0-8.333v-2.5h10v2.5H15z'
      pathFill='#FFFFFF'
      pathOpacity={0.4}
    />
    <Defs>
      <LinearGradient
        gradientUnits='userSpaceOnUse'
        id='gradient'
        x1={0}
        x2={0}
        y1={0}
        y2={props.height || 40}
      >
        <Stop stopColor='#529778' />
        <Stop offset={1} stopColor='#1A754C' />
      </LinearGradient>
    </Defs>
  </RootSvg>
);
