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

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

    return (
        <svg width="32px" height="22px" viewBox="0 0 32 22" version="1.1" style={{display: `block`}}>
            <path fill={color || iconColorDefault} d="M26,8 C26.5522847,8 27,8.44771525 27,9 L27,17 C27,17.5522847 26.5522847,18 26,18 C25.4477153,18 25,17.5522847 25,17 L25,9 C25,8.44771525 25.4477153,8 26,8 Z M21,12 C21.5522847,12 22,12.4477153 22,13 L22,17 C22,17.5522847 21.5522847,18 21,18 C20.4477153,18 20,17.5522847 20,17 L20,13 C20,12.4477153 20.4477153,12 21,12 Z M16,11 C16.5522847,11 17,11.4477153 17,12 L17,17 C17,17.5522847 16.5522847,18 16,18 C15.4477153,18 15,17.5522847 15,17 L15,12 C15,11.4477153 15.4477153,11 16,11 Z M11,14 C11.5522847,14 12,14.4477153 12,15 L12,17 C12,17.5522847 11.5522847,18 11,18 C10.4477153,18 10,17.5522847 10,17 L10,15 C10,14.4477153 10.4477153,14 11,14 Z M6,13 C6.55228475,13 7,13.4477153 7,14 L7,17 C7,17.5522847 6.55228475,18 6,18 C5.44771525,18 5,17.5522847 5,17 L5,14 C5,13.4477153 5.44771525,13 6,13 Z M1,10 C1.55228475,10 2,10.4477153 2,11 L2,17 C2,17.5522847 1.55228475,18 1,18 C0.44771525,18 0,17.5522847 0,17 L0,11 C2.22044605e-16,10.4477153 0.44771525,10 1,10 Z M26,0 C26.5522847,1.01453063e-16 27,0.44771525 27,1 L27,5 C27,5.55228475 26.5522847,6 26,6 C25.4477153,6 25,5.55228475 25,5 L25,1 C25,0.44771525 25.4477153,-1.01453063e-16 26,0 Z M21,7 C21.5522847,7 22,7.44771525 22,8 L22,9 C22,9.55228475 21.5522847,10 21,10 C20.4477153,10 20,9.55228475 20,9 L20,8 C20,7.44771525 20.4477153,7 21,7 Z M16,3 C16.5522847,3 17,3.44771525 17,4 L17,8 C17,8.55228475 16.5522847,9 16,9 C15.4477153,9 15,8.55228475 15,8 L15,4 C15,3.44771525 15.4477153,3 16,3 Z M11,9 C11.5522847,9 12,9.44771525 12,10 L12,11 C12,11.5522847 11.5522847,12 11,12 C10.4477153,12 10,11.5522847 10,11 L10,10 C10,9.44771525 10.4477153,9 11,9 Z M6,8 C6.55228475,8 7,8.44771525 7,9 L7,10 C7,10.5522847 6.55228475,11 6,11 C5.44771525,11 5,10.5522847 5,10 L5,9 C5,8.44771525 5.44771525,8 6,8 Z M1,2 C1.55228475,2 2,2.44771525 2,3 L2,7 C2,7.55228475 1.55228475,8 1,8 C0.44771525,8 0,7.55228475 0,7 L0,3 C2.22044605e-16,2.44771525 0.44771525,2 1,2 Z" transform="translate(3 2)" />
        </svg>
    );
};

ChartStackedBarIcon.displayName = `ChartStackedBarIcon`;

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