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

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

export const UserIcon = ({
  color = IconsGeneralColor,
  type = Types.DEFAULT as typeof Types[keyof typeof Types]
}) => (
  <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" style={{display: 'block'}}>
    {type === Types.DEFAULT && (
      <g>
        <path
          d="M7.9979 1C6.2479 1 4.4979 1.97222 4.4979 4.88889C4.4979 7.5625 6.0648 10 7.9979 10C9.93101 10 11.4979 7.5625 11.4979 4.88889C11.4979 2.21528 9.7479 1 7.9979 1Z"
          fill={color}
        />
        <path
          d="M7.9979 15C10.0727 15 11.9367 14.0974 13.2186 12.6633C13.6918 12.1339 13.4774 11.333 12.8586 10.9846C12.3534 10.7002 11.7238 10.8123 11.232 11.1192C10.3242 11.6856 9.11503 12 7.9979 12C6.88078 12 5.67159 11.6856 4.76385 11.1192C4.27199 10.8123 3.64237 10.7002 3.13718 10.9846C2.51845 11.333 2.30402 12.1339 2.77724 12.6633C4.05907 14.0974 5.92313 15 7.9979 15Z"
          fill={color}
        />
      </g>
    )}
    {type === Types.CROSSOUT && (
      <g>
        <path
          fillRule="evenodd"
          d="M10.0866 1.67105C9.47874 1.21755 8.73832 1 7.9979 1C6.2479 1 4.4979 1.97222 4.4979 4.88889C4.4979 5.60542 4.61045 6.305 4.81242 6.94524L10.0866 1.67105ZM1.27828 13.3078L12.879 1.70711C12.8839 1.70218 12.8888 1.69722 12.8936 1.69223L13.2929 1.29289C13.6834 0.902369 14.3166 0.902369 14.7071 1.29289C15.0976 1.68342 15.0976 2.31658 14.7071 2.70711L11.4065 6.00773C11.0453 8.20586 9.65639 10 7.9979 10C7.82 10 7.6452 9.97936 7.47443 9.93978L5.7996 11.6146C6.49847 11.8657 7.26784 12 7.9979 12C9.11503 12 10.3242 11.6856 11.232 11.1192C11.7238 10.8123 12.3534 10.7002 12.8586 10.9846C13.4774 11.333 13.6918 12.1339 13.2186 12.6633C11.9367 14.0974 10.0727 15 7.9979 15C6.42613 15 4.97528 14.482 3.80689 13.6073L2.70711 14.7071C2.31658 15.0976 1.68342 15.0976 1.29289 14.7071C0.907302 14.3215 0.902431 13.6994 1.27828 13.3078Z"
          fill={color}
        />
      </g>
    )}
  </svg>
)

UserIcon.category = 'Entity'

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

UserIcon.Types = Types