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

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

    return (
        <svg width="32" height="22" viewBox="0 0 32 22" version="1.1" style={{display: `block`}}>
            <path fill={color || iconColorDefault} d="M27.7319,0.38088 C28.1084,0.78499 28.086,1.41775 27.6818,1.79421 L23.972,5.25013 C23.7262,5.47912 23.3818,5.56938 23.0553,5.4904 L19.9201,4.73209 L16.6667,11.9599 C16.5471,12.2256 16.3175,12.426 16.038,12.5085 C15.7585,12.591 15.4569,12.5475 15.2121,12.3894 L12.1491,10.4103 L9.1382,17.4257 C8.9843,17.7841 8.6361,18.0204 8.2461,18.0309 C7.85616,18.0414 7.49571,17.8241 7.32282,17.4744 L4.62536,12.0183 L1.9279,17.4744 C1.68314,17.9695 1.08337,18.1724 0.58829,17.9277 C0.0932,17.6829 -0.10972,17.0832 0.13504,16.5881 L3.72893,9.3187 C3.89752,8.9777 4.24497,8.7619 4.62536,8.7619 C5.00576,8.7619 5.35321,8.9777 5.52179,9.3187 L8.1551,14.6452 L10.7783,8.5333 C10.8944,8.2627 11.1239,8.057 11.4056,7.97116 C11.6873,7.88529 11.9926,7.92796 12.2399,8.0878 L15.3204,10.0782 L18.4368,3.15462 C18.6343,2.71591 19.1162,2.47999 19.5838,2.5931 L23.0025,3.41996 L26.3186,0.3308 C26.7227,-0.04565 27.3555,-0.02323 27.7319,0.38088 Z" transform="translate(2 2)" />
        </svg>
    );
};

ChartLineIcon.displayName = `ChartLineIcon`;

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