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

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

export const DOCX: React.FC<IconProps> = (props) => (
  <RootSvg
    height={props.height || 40}
    viewBox={props.viewBox || '0 0 34 40'}
    width={props.width || 34}
    {...props}
  >
    <RootPath
      d='M0 3.99A3.99 3.99 0 013.99 0h19.285l9.975 9.975V35.91a3.99 3.99 0 01-3.99 3.99H3.99A3.99 3.99 0 010 35.91V3.99z'
      pathFill='url(#gradient)'
    />
    <RootPath
      d='M26.624 9.965a3.298 3.298 0 01-3.298-3.299V.058l9.92 9.907h-6.622z'
      pathFill='#254A80'
    />
    <RootPath
      d='M7.98 14.131v-1.66h14.962v1.661H7.98zm9.976 1.663H7.98v1.662h9.976v-1.662zM7.98 20.78h14.962v-1.66H7.98v1.662-.002z'
      pathFill='#FFFFFF'
      pathOpacity={0.4}
    />
    <RootPath
      d='M11.55 34.43c0-.525-.188-1.008-.706-1.008-.546 0-.728.511-.728.973 0 .497.182 1.05.728 1.05.58 0 .707-.553.707-1.015zm-.041-3.178h1.19v4.998h-1.134v-.42h-.014a1.161 1.161 0 01-1.001.525c-1.141 0-1.624-.98-1.624-2.002 0-.945.504-1.841 1.533-1.841.448 0 .79.168 1.036.497h.014v-1.757zm3.737 2.17c-.553 0-.721.553-.721 1.015 0 .462.168 1.008.721 1.008.553 0 .728-.546.728-1.008 0-.462-.175-1.015-.728-1.015zm0 2.933c-1.127 0-1.911-.826-1.911-1.918s.784-1.925 1.911-1.925 1.918.833 1.918 1.925-.791 1.918-1.918 1.918zm6.064-2.408c-.084-.959-.889-1.435-1.792-1.435-1.169 0-1.904.826-1.904 1.981 0 1.113.812 1.862 1.904 1.862.966 0 1.722-.56 1.827-1.533H20.19c-.056.385-.266.623-.679.623-.504 0-.707-.483-.707-.952 0-.504.105-1.07.77-1.07.301 0 .574.216.581.524h1.155zm1.497 2.303H21.49l1.26-1.904-1.155-1.729h1.316l.51.868.512-.868h1.26l-1.134 1.708 1.288 1.925h-1.316l-.63-1.05-.595 1.05z'
      pathFill='#FFFFFF'
    />
    <Defs>
      <LinearGradient
        gradientUnits='userSpaceOnUse'
        id='gradient'
        x1={0}
        x2={0}
        y1={0}
        y2={props.height || 40}
      >
        <Stop stopColor='#5E7FB0' />
        <Stop offset={1} stopColor='#2C5898' />
      </LinearGradient>
    </Defs>
  </RootSvg>
);
