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

export function TeamIcon({color}) {
    const {iconColorDefault} = useStylesVariables();

    return (
        <svg name="team-icon" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
            <path
                fill={color || iconColorDefault}
                fillRule="evenodd"
                clipRule="evenodd"
                d="M8.38281 3.51297C8.25391 2.96268 8.06836 2.55643 7.83789 2.25711C7.56641 1.83426 7.19922 1.54422 6.7793 1.36307C6.38086 1.19119 5.93555 1.11746 5.48047 1.12283C4.5625 1.13309 3.69141 1.43875 3.16602 2.25662C2.70117 2.86014 2.41992 3.89627 2.41992 5.66824C2.41992 7.44656 4.21289 9.05252 5.5 9.05252C6.78906 9.05252 8.58008 7.44656 8.58008 5.66824C8.58203 4.77615 8.51172 4.07059 8.38281 3.51297ZM0 14.053C0 12.0096 0.978516 10.2224 2.4375 9.24783C3.39258 10.2268 4.53125 10.8406 5.49805 10.8406C6.46484 10.8406 7.60547 10.2259 8.56055 9.24637C10.0215 10.221 11 12.0086 11 14.053V14.1536C11 14.1536 10.4414 14.4295 9.39453 14.6912C8.46484 14.9236 7.15234 15.1448 5.5 15.1536C1.98438 15.1726 0 14.1536 0 14.1536V14.053Z"
            />
            <path
                fill={color || iconColorDefault}
                d="M12 5.31006L12.9968 5.22967L12 5.31006ZM10.4301 4.07451C10.3618 4.0489 10.3742 4.03391 10.4511 4.11388C10.518 4.18335 10.6013 4.2914 10.685 4.43502C10.8566 4.72907 10.9783 5.08183 11.0032 5.39044L12.9968 5.22967C12.9435 4.56954 12.7059 3.93011 12.4126 3.42728C12.264 3.17247 12.0884 2.9309 11.8921 2.72694C11.7059 2.53347 11.4507 2.32122 11.1324 2.20185L10.4301 4.07451ZM11.0032 5.39044C11.0238 5.64566 10.9764 5.97826 10.868 6.30948C10.7565 6.65041 10.6162 6.88198 10.5367 6.97064L12.0258 8.30573C12.3526 7.94127 12.6056 7.43043 12.7689 6.9314C12.9353 6.42266 13.0442 5.81776 12.9968 5.22967L11.0032 5.39044ZM11.9752 10.2286C12.3374 10.6314 13.0638 11.8134 12.9864 13.0607L14.9826 13.1845C15.1052 11.2067 14.0275 9.51993 13.4626 8.89151L11.9752 10.2286Z"
            />
        </svg>
    );
}

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