import * as React from 'react';
import cx from 'classnames';
import { createSvgIcon } from '../utils/createSvgIcon';
import { iconClassNames } from '../utils/iconClassNames';

export const FilesUploadIcon = createSvgIcon({
  svg: ({ classes }) => (
    <svg role="presentation" focusable="false" viewBox="8 8 16 16" className={classes.svg}>
      <g>
        <path
          className={cx(iconClassNames.outline, classes.outlinePart)}
          d="M22 22.5c0 .203-.041.395-.121.574a1.592 1.592 0 0 1-.805.805A1.378 1.378 0 0 1 20.5 24h-9c-.203 0-.395-.04-.574-.121a1.574 1.574 0 0 1-.805-.805A1.378 1.378 0 0 1 10 22.5v-9.008c0-.198.04-.388.121-.57a1.89 1.89 0 0 1 .316-.492l3.477-3.969c.135-.151.299-.266.492-.344.193-.078.391-.117.594-.117h5.5c.203 0 .395.041.574.121a1.604 1.604 0 0 1 .805.805c.08.179.121.371.121.574v13zm-1 0v-13a.487.487 0 0 0-.148-.352A.487.487 0 0 0 20.5 9h-5.516v5H11v8.5a.48.48 0 0 0 .148.352.48.48 0 0 0 .352.148h9a.483.483 0 0 0 .352-.148A.484.484 0 0 0 21 22.5zM13.984 13V9.898L11.266 13h2.718zM19 18c0 .136-.05.253-.148.352a.48.48 0 0 1-.352.148.48.48 0 0 1-.352-.148L16.5 16.703V20.5c0 .136-.05.253-.148.352A.483.483 0 0 1 16 21a.48.48 0 0 1-.352-.148.48.48 0 0 1-.148-.352v-3.797l-1.648 1.648a.476.476 0 0 1-.352.148.48.48 0 0 1-.352-.148A.476.476 0 0 1 13 18c0-.135.049-.252.148-.352l2.5-2.5A.484.484 0 0 1 16 15c.135 0 .252.05.352.148l2.5 2.5c.098.1.148.217.148.352z"
        />
        <path
          className={cx(iconClassNames.filled, classes.filledPart)}
          d="M22 22.5c0 .203-.041.395-.121.574a1.592 1.592 0 0 1-.805.805A1.378 1.378 0 0 1 20.5 24h-9c-.203 0-.395-.04-.574-.121a1.574 1.574 0 0 1-.805-.805A1.378 1.378 0 0 1 10 22.5V14h4.984V8H20.5c.203 0 .395.041.574.121a1.604 1.604 0 0 1 .805.805c.08.179.121.371.121.574v13zM13.984 13h-3.898c.042-.104.094-.203.156-.297s.127-.185.195-.273c.375-.479.767-.936 1.176-1.371a32.42 32.42 0 0 0 1.199-1.348c.192-.224.379-.45.559-.68a3.98 3.98 0 0 1 .613-.625V13zM19 18a.487.487 0 0 0-.148-.352l-2.5-2.5A.487.487 0 0 0 16 15a.484.484 0 0 0-.352.148l-2.5 2.5A.483.483 0 0 0 13 18a.48.48 0 0 0 .148.352c.099.1.216.148.352.148a.483.483 0 0 0 .352-.148l1.648-1.648V20.5a.48.48 0 0 0 .148.352A.48.48 0 0 0 16 21a.483.483 0 0 0 .352-.148.484.484 0 0 0 .148-.352v-3.797l1.648 1.648c.099.1.216.148.352.148a.483.483 0 0 0 .352-.148A.48.48 0 0 0 19 18z"
        />
      </g>
    </svg>
  ),
  displayName: 'FilesUploadIcon',
});
