/*********************************************************************
 * © Copyright IBM Corp. 2024
 *********************************************************************/
import React from 'react'
import PropTypes from 'prop-types'

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

export const PhabricatorIcon = ({size = Sizes.DEFAULT as typeof Sizes[keyof typeof Sizes]}) => {
  const numericSize = size === Sizes.BIG ? 24 : 16
  return (
    <svg
      width={`${numericSize}px`}
      height={`${numericSize}px`}
      viewBox={`0 0 ${numericSize} ${numericSize}`}
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <g style={size === Sizes.BIG ? {} : {transform: 'scale(0.7)', transformOrigin: '0 0'}}>
        <path
          fillRule="evenodd"
          clipRule="evenodd"
          d="M14.0929 8.45043L14.144 9.59944C14.2973 9.71985 14.439 9.85278 14.5672 9.99653L15.8022 10.0443L16.1627 10.8328L15.3302 11.7118C15.3398 11.8082 15.3446 11.9058 15.3446 12.0045C15.3446 12.1254 15.3373 12.2448 15.323 12.3622L16.1627 13.2488L15.8022 14.0373L14.4979 14.0877C14.3895 14.2018 14.2723 14.3085 14.1473 14.4069L14.0929 15.6311L13.2473 15.9673L12.2399 15.1377C12.1522 15.1441 12.0636 15.1473 11.9742 15.1473C11.8708 15.1473 11.7686 15.143 11.6676 15.1345L10.6563 15.9673L9.81072 15.6311L9.75463 14.3697C9.64761 14.2823 9.54657 14.1887 9.45216 14.0895L8.10143 14.0373L7.74095 13.2488L8.62048 12.3201C8.60937 12.2163 8.60369 12.111 8.60369 12.0045C8.60369 11.9204 8.60723 11.8372 8.61417 11.7548L7.74095 10.8328L8.10143 10.0443L9.38276 9.99474C9.49748 9.86626 9.62299 9.74644 9.75798 9.6365L9.81071 8.45043L10.6563 8.11429L11.5886 8.88197C11.7151 8.86853 11.8438 8.86162 11.9742 8.86162C12.0909 8.86162 12.2063 8.86716 12.3199 8.87796L13.2473 8.11429L14.0929 8.45043ZM13.3175 12.0571C13.3175 12.7514 12.7139 13.3143 11.9694 13.3143C11.2248 13.3143 10.6212 12.7514 10.6212 12.0571C10.6212 11.3628 11.2248 10.8 11.9694 10.8C12.7139 10.8 13.3175 11.3628 13.3175 12.0571Z"
          fill="#404F6E"
        />
        <path
          fillRule="evenodd"
          clipRule="evenodd"
          d="M11.9694 20C9.90129 20 8.00412 19.3177 6.52264 18.1813L6.51532 18.2L1.87993 13.8226C1.34098 13.3878 1 12.7453 1 12.0286C1 11.3119 1.34098 10.6694 1.87993 10.2346C2.33725 9.80269 2.78835 9.3519 3.24166 8.89891C5.66144 6.48082 8.144 4 11.9694 4C16.2865 4 19.1072 7.01487 21.7291 9.81722C21.8599 9.95699 21.9901 10.0962 22.1201 10.2346C22.659 10.6694 23 11.3119 23 12.0286C23 12.7453 22.659 13.3878 22.1201 13.8226C21.6683 14.2419 21.2215 14.6792 20.7721 15.1191L20.7721 15.1191C18.3163 17.5229 15.7856 20 11.9694 20ZM18.8329 12C18.8329 15.5031 15.7874 18.3429 12.0306 18.3429C8.27387 18.3429 5.22841 15.5031 5.22841 12C5.22841 8.49694 8.27387 5.65714 12.0306 5.65714C15.7874 5.65714 18.8329 8.49694 18.8329 12Z"
          fill="#404F6E"
        />
      </g>
    </svg>
  )
}

PhabricatorIcon.category = 'Tool'

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

PhabricatorIcon.Sizes = Sizes