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

export const Sizes = {
  DEFAULT: 'default',
  BIG: 'big'
} as const

export const Types = {
  DEFAULT: 'default',
  CROSSOUT: 'crossout'
} as const

const sizeToParams = {
  [Sizes.DEFAULT]: {numericSize: 16},
  [Sizes.BIG]: {numericSize: 48}
}

export const TeamIcon = ({
  size = Sizes.DEFAULT as typeof Sizes[keyof typeof Sizes],
  type = Types.DEFAULT as typeof Types[keyof typeof Types],
  color = IconsGeneralColor
}) => {
  const {numericSize} = sizeToParams.hasOwnProperty(size)
    ? // hasOwnProperty explicitly checked here
      // eslint-disable-next-line security/detect-object-injection
      sizeToParams[size]
    : sizeToParams[Sizes.DEFAULT]

  return (
    <svg
      width={`${numericSize}px`}
      height={`${numericSize}px`}
      viewBox={`0 0 ${numericSize} ${numericSize}`}
      style={{display: 'block'}}
    >
      <g
        stroke="none"
        strokeWidth="1"
        fill="none"
        fillRule="evenodd"
        style={size === Sizes.BIG ? {transform: 'scale(3)', transformOrigin: '0 0'} : {}}
      >
        {type === Types.DEFAULT && (
          <g>
            <path
              d="M4.5 1C3.25 1 2 1.75617 2 4.02469C2 6.10417 3.11921 8 4.5 8C5.88079 8 7 6.10417 7 4.02469C7 1.94522 5.75 1 4.5 1Z"
              fill={color}
            />
            <path
              d="M9 7.02469C9 4.75617 10.25 4 11.5 4C12.75 4 14 4.94522 14 7.02469C14 9.10417 12.8808 11 11.5 11C10.1192 11 9 9.10417 9 7.02469Z"
              fill={color}
            />
            <path
              d="M14.8357 13.3227C14.0167 14.3521 12.8256 15 11.5 15C10.1744 15 8.98335 14.3521 8.16435 13.3227C7.86199 12.9427 7.999 12.3677 8.39433 12.1177C8.71711 11.9135 9.11939 11.9939 9.43366 12.2143C10.0136 12.6209 10.7862 12.8465 11.5 12.8465C12.2138 12.8465 12.9864 12.6209 13.5663 12.2143C13.8806 11.9939 14.2829 11.9135 14.6057 12.1177C15.001 12.3677 15.138 12.9427 14.8357 13.3227Z"
              fill={color}
            />
            <path
              d="M7.83565 10.3227C7.01665 11.3521 5.82564 12 4.5 12C3.17436 12 1.98335 11.3521 1.16435 10.3227C0.861991 9.94267 0.999 9.36775 1.39433 9.11766C1.71711 8.91347 2.11939 8.99393 2.43366 9.21425C3.01365 9.62086 3.78623 9.84652 4.5 9.84652C5.21377 9.84652 5.98635 9.62086 6.56634 9.21425C6.88061 8.99393 7.28289 8.91347 7.60567 9.11766C8.001 9.36775 8.13801 9.94267 7.83565 10.3227Z"
              fill={color}
            />
          </g>
        )}
        {type === Types.CROSSOUT && (
          <g>
            <path
              d="M6.94678 4.81085L3.88554 7.87209C2.8019 7.41343 2.00003 5.78485 2.00003 4.02469C2.00003 1.75617 3.25003 1 4.50003 1C5.75003 1 7.00003 1.94522 7.00003 4.02469C7.00003 4.29095 6.98168 4.5542 6.94678 4.81085Z"
              fill={color}
            />
            <path
              d="M2.49893 9.2587L1.28695 10.4707C1.24522 10.4223 1.20436 10.3729 1.16438 10.3227C0.862021 9.94267 0.999029 9.36775 1.39436 9.11766C1.71714 8.91347 2.11942 8.99393 2.43369 9.21425C2.45517 9.22932 2.47693 9.24413 2.49893 9.2587Z"
              fill={color}
            />
            <path
              d="M1.279 13.3071C5.28368 9.30238 9.28822 5.29757 13.2929 1.29289C13.6834 0.902369 14.3166 0.902369 14.7071 1.29289C15.0976 1.68342 15.0976 2.31658 14.7071 2.70711L12.9362 4.47802C13.5577 4.95208 14 5.7877 14 7.02469C14 9.10417 12.8808 11 11.5 11C10.4052 11 9.47481 9.80809 9.13641 8.2778L7.92397 9.49024C8.04272 9.75679 8.02908 10.0796 7.83568 10.3227C7.24114 11.0699 6.45055 11.6162 5.55473 11.8595L2.70711 14.7071C2.31658 15.0976 1.68342 15.0976 1.29289 14.7071C0.907056 14.3213 0.902425 13.6986 1.279 13.3071Z"
              fill={color}
            />
            <path
              d="M14.8357 13.3227C14.0167 14.3521 12.8257 15 11.5 15C10.1744 15 8.98338 14.3521 8.16438 13.3227C7.86202 12.9427 7.99903 12.3677 8.39436 12.1177C8.71714 11.9135 9.11942 11.9939 9.43369 12.2143C10.0137 12.6209 10.7863 12.8465 11.5 12.8465C12.2138 12.8465 12.9864 12.6209 13.5664 12.2143C13.8806 11.9939 14.2829 11.9135 14.6057 12.1177C15.001 12.3677 15.138 12.9427 14.8357 13.3227Z"
              fill={color}
            />
          </g>
        )}
      </g>
    </svg>
  )
}

TeamIcon.category = 'Entity'

TeamIcon.propTypes = {
  color: PropTypes.string,
  // Object.keys used here
  // eslint-disable-next-line security/detect-object-injection
  size: PropTypes.oneOf(Object.keys(Sizes).map(key => Sizes[key]))
}

TeamIcon.Sizes = Sizes
TeamIcon.Types = Types