import { useIcon } from 'hooks';
import React from 'react';
import Svg, { Path } from 'react-native-svg';
import { IconProps } from '../types';

export const DownloadFile: React.FC<IconProps> = ({ colorVariant = 'primary', ...props }) => {
  const { getIconColor } = useIcon();
  return (
    <Svg width="14" height="17" viewBox="0 0 14 17" fill="none" {...props}>
      <Path
        d="M6.232 11.901L1.72 7.9487C0.963048 7.39147 1.09716 6.46698 2.06691 6.46615H4.03402V1.568C4.03402 1.15444 4.45547 0.822266 4.98031 0.822266H9.03183C9.55522 0.822266 9.97709 1.15444 9.97709 1.568V6.46636H11.945C12.9137 6.46719 13.0481 7.39168 12.2909 7.9489L7.77953 11.901C7.5578 12.0945 7.2715 12.1974 6.98687 12.1912C6.70265 12.185 6.43857 12.0816 6.232 11.901Z"
        fill={getIconColor(colorVariant)}
      />
      <Path
        d="M0.544556 15.9128V14.7592C0.544556 14.2555 0.981575 13.8496 1.52427 13.8496H12.4757C13.0186 13.8496 13.4554 14.2555 13.4554 14.7592V15.9128C13.4554 16.4161 13.0186 16.8224 12.4757 16.8224H1.52427C0.981575 16.8224 0.544556 16.4159 0.544556 15.9128Z"
        fill={getIconColor(colorVariant)}
      />
    </Svg>
  );
};
