/*********************************************************************
 * © 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 Sizes = {
  DEFAULT: 'default',
  BIG: 'big'
} as const

const defaultColor = '#B4900E'

export const OwnerIcon = ({
  color,
  type = Types.DEFAULT as typeof Types[keyof typeof Types],
  size = Sizes.DEFAULT as typeof Sizes[keyof typeof Sizes]
}) => (
  <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" style={{display: 'block'}}>
    {type === Types.DEFAULT && size === Sizes.DEFAULT && (
      <path
        d="M3.0296 6.55512C3.01356 6.29594 3.21943 6.07692 3.47911 6.07692C3.62645 6.07692 3.76448 6.149 3.84869 6.26991L5.25855 8.29432C5.49885 8.63938 6.03186 8.55175 6.14904 8.14792L7.54333 3.34299C7.60229 3.1398 7.78842 3 8 3C8.21158 3 8.39771 3.1398 8.45667 3.34299L9.85096 8.14792C9.96814 8.55175 10.5011 8.63938 10.7415 8.29432L12.1513 6.26991C12.2355 6.149 12.3735 6.07692 12.5209 6.07692C12.7806 6.07692 12.9864 6.29594 12.9704 6.55512L12.6295 12.0618C12.5969 12.5891 12.1597 13 11.6314 13H4.36858C3.84029 13 3.40313 12.5891 3.37049 12.0618L3.0296 6.55512Z"
        fill={color === undefined ? defaultColor : color}
      />
    )}
    {type === Types.DEFAULT && size === Sizes.BIG && (
      <path
        d="M1.15483 5.69674C1.07537 5.33918 1.34745 5 1.71373 5C1.89394 5 2.06363 5.08485 2.17176 5.22901L4.41405 8.21873C4.65863 8.54484 5.1697 8.45695 5.29129 8.06787L7.35086 1.47724C7.43959 1.19332 7.70254 1 8 1C8.29746 1 8.56041 1.19332 8.64914 1.47724L10.7087 8.06787C10.8303 8.45695 11.3414 8.54484 11.5859 8.21873L13.8282 5.22901C13.9364 5.08485 14.1061 5 14.2863 5C14.6525 5 14.9246 5.33918 14.8452 5.69674L13.174 13.2169C13.0723 13.6745 12.6665 14 12.1978 14H3.80217C3.33347 14 2.92766 13.6745 2.82598 13.2169L1.15483 5.69674Z"
        fill={color === undefined ? defaultColor : color}
      />
    )}
    {type === Types.CROSSOUT && size === Sizes.DEFAULT && (
      <path
        fillRule="evenodd"
        d="M3.02969 6.55512C3.01364 6.29594 3.21952 6.07692 3.4792 6.07692C3.62654 6.07692 3.76456 6.149 3.84877 6.26991L5.25863 8.29432C5.26314 8.30081 5.26776 8.30713 5.27248 8.31331L3.26293 10.3229L3.02969 6.55512ZM3.6847 12.7295C3.86401 12.8976 4.10498 13 4.36867 13H5.82651H5.8299H11.6315C12.1598 13 12.597 12.5891 12.6296 12.0618L12.9705 6.55512C12.9757 6.47077 12.9574 6.39067 12.9214 6.321L13.5353 5.70711C13.9258 5.31658 13.9258 4.68342 13.5353 4.29289C13.1448 3.90237 12.5116 3.90237 12.1211 4.29289L11.7195 4.69446C11.7154 4.6987 11.7113 4.70292 11.7071 4.70711L3.6847 12.7295ZM8.85846 4.72733L8.45676 3.34299C8.39779 3.1398 8.21166 3 8.00008 3C7.7885 3 7.60238 3.1398 7.54341 3.34299L6.43989 7.1459L8.85846 4.72733Z"
        fill={color === undefined ? IconsGeneralColor : color}
      />
    )}
    {type === Types.CROSSOUT && size === Sizes.BIG && (
      <path
        fillRule="evenodd"
        d="M8.79952 2.95799L8.64929 2.47724C8.56056 2.19332 8.29762 2 8.00015 2C7.70269 2 7.43974 2.19332 7.35101 2.47724L6.47408 5.28343L8.79952 2.95799ZM3.61045 8.14706L2.17191 6.22901C2.06379 6.08485 1.89409 6 1.71388 6C1.34761 6 1.07552 6.33918 1.15498 6.69674L1.86513 9.89238L3.61045 8.14706ZM1.28252 13.3034L12.8788 1.70711C12.8823 1.70362 12.8858 1.70012 12.8892 1.69659L13.2929 1.29289C13.6834 0.902369 14.3166 0.902369 14.7071 1.29289C15.0976 1.68342 15.0976 2.31658 14.7071 2.70711L10.1464 7.26786L10.7089 9.06787C10.8305 9.45695 11.3415 9.54484 11.5861 9.21873L13.8284 6.22901C13.9365 6.08485 14.1062 6 14.2864 6C14.6527 6 14.9248 6.33918 14.8453 6.69674L13.1742 14.2169C13.0725 14.6745 12.6667 15 12.198 15H3.80232C3.43208 15 3.10107 14.7969 2.92823 14.486L2.70711 14.7071C2.31658 15.0976 1.68342 15.0976 1.29289 14.7071C0.905856 14.3201 0.9024 13.6947 1.28252 13.3034Z"
        fill={color === undefined ? IconsGeneralColor : color}
      />
    )}
  </svg>
)

OwnerIcon.category = 'Entity'

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

OwnerIcon.Types = Types
OwnerIcon.Sizes = Sizes