/*********************************************************************
 * © Copyright IBM Corp. 2024
 *********************************************************************/
import React from 'react'
import PropTypes from 'prop-types'
import {IconsGeneralColor} from '@targetprocess/css-variables'

export const Values = {
  0: 'M8 13C10.7614 13 13 10.7614 13 8C13 5.23858 10.7614 3 8 3C5.2386 3 3 5.23858 3 8C3 10.7614 5.2386 13 8 13ZM15 8C15 11.866 11.866 15 8 15C4.13403 15 1 11.866 1 8C1 4.134 4.13403 1 8 1C11.866 1 15 4.134 15 8Z',
  10: 'M8 15C11.866 15 15 11.866 15 8C15 4.13403 11.866 1 8 1C4.13403 1 1 4.13403 1 8C1 11.866 4.13403 15 8 15ZM13 8C13 10.7614 10.7615 13 8 13C5.23853 13 3 10.7614 3 8H8L3.87939 5.16711C4.78101 3.85809 6.29028 3 8 3C10.7615 3 13 5.23859 13 8Z',
  20: 'M8 15C11.866 15 15 11.866 15 8C15 4.13403 11.866 1 8 1C4.13403 1 1 4.13403 1 8C1 11.866 4.13403 15 8 15ZM13 8C13 10.7614 10.7615 13 8 13C5.23853 13 3 10.7614 3 8H8L6.50806 3.22632C6.97925 3.07922 7.48047 3 8 3C10.7615 3 13 5.23859 13 8Z',
  30: 'M8 15C11.866 15 15 11.866 15 8C15 4.13403 11.866 1 8 1C4.13403 1 1 4.13403 1 8C1 11.866 4.13403 15 8 15ZM13 8C13 10.7614 10.7615 13 8 13C5.23853 13 3 10.7614 3 8H8L9.33667 3.18066C11.4492 3.76526 13 5.70148 13 8Z',
  40: 'M8 15C11.866 15 15 11.866 15 8C15 4.13403 11.866 1 8 1C4.13403 1 1 4.13403 1 8C1 11.866 4.13403 15 8 15ZM13 8C13 10.7614 10.7615 13 8 13C5.23853 13 3 10.7614 3 8H8L12.1206 5.16711C12.6753 5.97235 13 6.94824 13 8Z',
  50: 'M8 15C11.866 15 15 11.866 15 8C15 4.13403 11.866 1 8 1C4.13403 1 1 4.13403 1 8C1 11.866 4.13403 15 8 15ZM13 8C13 10.7614 10.7615 13 8 13C5.23853 13 3 10.7614 3 8H13Z',
  60: 'M8 15C11.866 15 15 11.866 15 8C15 4.13403 11.866 1 8 1C4.13403 1 1 4.13403 1 8C1 11.866 4.13403 15 8 15ZM12.3586 10.4517C11.5012 11.9728 9.87061 13 8 13C5.23853 13 3 10.7614 3 8H8L12.3586 10.4517Z',
  70: 'M8 15C11.866 15 15 11.866 15 8C15 4.13403 11.866 1 8 1C4.13403 1 1 4.13403 1 8C1 11.866 4.13403 15 8 15ZM10.0046 12.582C9.39087 12.8508 8.71289 13 8 13C5.23853 13 3 10.7614 3 8H8L10.0046 12.582Z',
  80: 'M8 15C11.866 15 15 11.866 15 8C15 4.13403 11.866 1 8 1C4.13403 1 1 4.13403 1 8C1 11.866 4.13403 15 8 15ZM6.62842 12.8096L8 8H3C3 10.2858 4.53369 12.2134 6.62842 12.8096Z',
  90: 'M8 15C11.866 15 15 11.866 15 8C15 4.13403 11.866 1 8 1C4.13403 1 1 4.13403 1 8C1 11.866 4.13403 15 8 15ZM3 8C3 9.05176 3.32471 10.0277 3.87939 10.8329L8 8H3Z',
  100: 'M8 15C11.866 15 15 11.866 15 8C15 4.134 11.866 1 8 1C4.13403 1 1 4.134 1 8C1 11.866 4.13403 15 8 15Z'
}

export const AllocationIcon = ({color = IconsGeneralColor, value = 0}) => (
  <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" style={{display: 'block'}}>
    <path
      fillRule="evenodd"
      // hasOwnProperty explicitly checked here
      // eslint-disable-next-line security/detect-object-injection
      d={Values.hasOwnProperty(value) ? Values[value] : Values[0]}
      fill={color}
    />
  </svg>
)

AllocationIcon.category = 'Entity'

AllocationIcon.propTypes = {
  value: PropTypes.oneOf(Object.keys(Values)).isRequired,
  color: PropTypes.string
}

AllocationIcon.Values = Values