import React from 'react';
import PropTypes from 'prop-types';
import useStylesVariables from '@fibery/vizydrop-styles-variables/useStylesVariables';

export const FileUploadIcon = ({color}) => {
    const {iconColorDefault} = useStylesVariables();

    return (
        <svg width="16" height="16" viewBox="0 0 16 16" version="1.1" style={{display: `block`}}>
            <g fillRule="evenodd">
                <path fill={color || iconColorDefault} d="M5.26881 8.56075C6.00209 7.78533 6.00209 7.78533 6.88208 6.85483C8.27524 5.38174 9.14421 4.46316 9.22243 4.38103C10.2345 3.31836 10.9698 4.09043 9.95775 5.15309C9.84056 5.27614 9.77872 5.34117 9.60077 5.52848C9.56125 5.57011 9.56125 5.57011 9.52173 5.61174C9.58126 5.54902 5.84825 9.502 4.09518 11.3427C3.95673 11.4881 3.8781 11.5639 3.75887 11.6575C3.14921 12.1358 2.55907 12.1457 1.79427 11.3427C0.855725 10.3572 1.01466 9.74535 1.79427 8.92677C1.88277 8.83625 2.78304 7.86466 3.22221 7.39692C4.28313 6.26696 5.58268 4.90929 7.26914 3.17818C7.623 2.81498 7.57065 2.86862 7.67602 2.76205C9.47317 0.944506 10.3751 0.725899 11.9232 2.35135C12.8084 3.28085 12.9949 4.17687 12.6888 5.09811C12.4713 5.75279 12.04 6.33525 11.5516 6.80218C11.3196 7.02415 10.4847 7.89545 9.21087 9.23901C8.66988 9.80968 8.11782 10.3936 7.56677 10.9775C7.37391 11.1819 7.25461 11.3084 7.03443 11.542C6.86934 11.7171 6.86934 11.7172 6.83262 11.7562C6.60465 11.9983 6.60677 12.3886 6.83736 12.6279C7.06794 12.8673 7.43966 12.8651 7.66763 12.623C7.70417 12.5841 7.70417 12.5841 7.86904 12.4092C8.08898 12.1759 8.20817 12.0495 8.40084 11.8453C8.95132 11.262 9.50278 10.6787 10.0188 10.1344C11.2899 8.79365 12.1325 7.91443 12.3423 7.71367C12.962 7.12117 13.503 6.39054 13.7975 5.50425C14.2506 4.14055 13.9605 2.74698 12.7535 1.47956C10.6453 -0.734006 9.06045 -0.349888 6.86144 1.87408C6.75285 1.98391 6.80602 1.92942 6.44832 2.29657C4.7568 4.03288 3.45214 5.39589 2.38602 6.53137C1.93642 7.01023 1.05001 7.96685 0.969284 8.04949C0.504599 8.53733 0.230944 8.92461 0.0788404 9.5102C-0.152584 10.4012 0.120498 11.3288 0.963985 12.2145C2.17565 13.4867 3.41562 13.4658 4.46169 12.6451C4.63803 12.5068 4.7497 12.399 4.92547 12.2145C6.68069 10.3715 10.4147 6.41747 10.3535 6.48199C10.3929 6.44048 10.3929 6.44048 10.4323 6.39899C10.6096 6.21228 10.6713 6.1475 10.788 6.02488C12.9072 3.79983 10.5113 1.28419 8.39215 3.50924C8.31229 3.59309 7.44782 4.50691 6.04941 5.98555C5.16887 6.91664 5.16887 6.91664 4.43558 7.69207C3.84895 8.31242 3.84895 8.31242 3.7023 8.46751C3.47384 8.70911 3.47518 9.09942 3.70527 9.33929C3.93537 9.57917 4.3071 9.57777 4.53555 9.33617C4.6822 9.18109 4.6822 9.18109 5.26881 8.56075Z" />
                <path fill={color || iconColorDefault} d="M5.26881 8.56075C6.00209 7.78533 6.00209 7.78533 6.88208 6.85483C8.27524 5.38174 9.14421 4.46316 9.22243 4.38103C10.2345 3.31836 10.9698 4.09043 9.95775 5.15309C9.84056 5.27614 9.77872 5.34117 9.60077 5.52848C9.56125 5.57011 9.56125 5.57011 9.52173 5.61174C9.58126 5.54902 5.84825 9.502 4.09518 11.3427C3.95673 11.4881 3.8781 11.5639 3.75887 11.6575C3.14921 12.1358 2.55907 12.1457 1.79427 11.3427C0.855725 10.3572 1.01466 9.74535 1.79427 8.92677C1.88277 8.83625 2.78304 7.86466 3.22221 7.39692C4.28313 6.26696 5.58268 4.90929 7.26914 3.17818C7.623 2.81498 7.57065 2.86862 7.67602 2.76205C9.47317 0.944506 10.3751 0.725899 11.9232 2.35135C12.8084 3.28085 12.9949 4.17687 12.6888 5.09811C12.4713 5.75279 12.04 6.33525 11.5516 6.80218C11.3196 7.02415 10.4847 7.89545 9.21087 9.23901C8.66988 9.80968 8.11782 10.3936 7.56677 10.9775C7.37391 11.1819 7.25461 11.3084 7.03443 11.542C6.86934 11.7171 6.86934 11.7172 6.83262 11.7562C6.60465 11.9983 6.60677 12.3886 6.83736 12.6279C7.06794 12.8673 7.43966 12.8651 7.66763 12.623C7.70417 12.5841 7.70417 12.5841 7.86904 12.4092C8.08898 12.1759 8.20817 12.0495 8.40084 11.8453C8.95132 11.262 9.50278 10.6787 10.0188 10.1344C11.2899 8.79365 12.1325 7.91443 12.3423 7.71367C12.962 7.12117 13.503 6.39054 13.7975 5.50425C14.2506 4.14055 13.9605 2.74698 12.7535 1.47956C10.6453 -0.734006 9.06045 -0.349888 6.86144 1.87408C6.75285 1.98391 6.80602 1.92942 6.44832 2.29657C4.7568 4.03288 3.45214 5.39589 2.38602 6.53137C1.93642 7.01023 1.05001 7.96685 0.969284 8.04949C0.504599 8.53733 0.230944 8.92461 0.0788404 9.5102C-0.152584 10.4012 0.120498 11.3288 0.963985 12.2145C2.17565 13.4867 3.41562 13.4658 4.46169 12.6451C4.63803 12.5068 4.7497 12.399 4.92547 12.2145C6.68069 10.3715 10.4147 6.41747 10.3535 6.48199C10.3929 6.44048 10.3929 6.44048 10.4323 6.39899C10.6096 6.21228 10.6713 6.1475 10.788 6.02488C12.9072 3.79983 10.5113 1.28419 8.39215 3.50924C8.31229 3.59309 7.44782 4.50691 6.04941 5.98555C5.16887 6.91664 5.16887 6.91664 4.43558 7.69207C3.84895 8.31242 3.84895 8.31242 3.7023 8.46751C3.47384 8.70911 3.47518 9.09942 3.70527 9.33929C3.93537 9.57917 4.3071 9.57777 4.53555 9.33617C4.6822 9.18109 4.6822 9.18109 5.26881 8.56075Z" />
            </g>
        </svg>
    );
};

FileUploadIcon.displayName = `FileUploadIcon`;

FileUploadIcon.propTypes = {
    color: PropTypes.string,
};
