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

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

export const JiraIcon = ({size = Sizes.DEFAULT}) => {
  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(1.5)', transformOrigin: '0 0'} : {}}>
        <path
          d="M15.5748 7.52842L8.71164 0.665263L8.04638 0L2.88006 5.16632L0.517959 7.52842C0.271683 7.775 0.271683 8.17447 0.517959 8.42105L5.23796 13.1411L8.04638 15.9495L13.2127 10.7832L13.2927 10.7032L15.5748 8.42105C15.8211 8.17447 15.8211 7.775 15.5748 7.52842ZM8.04638 10.3326L5.68849 7.97474L8.04638 5.61684L10.4043 7.97474L8.04638 10.3326Z"
          fill="#2684FF"
        />
        <path
          d="M8.04647 5.61682C6.5027 4.07286 6.49517 1.57214 8.02963 0.0189209L2.86963 5.17682L5.67805 7.98524L8.04647 5.61682Z"
          fill="url(#jiraicon_linear)"
        />
        <path
          d="M8.059 10.3263C9.60277 11.8703 9.61029 14.371 8.07584 15.9242L13.2358 10.7663L10.4274 7.95788L8.059 10.3263Z"
          fill="url(#jiraicon1_linear)"
        />
        <defs>
          <linearGradient
            id="jiraicon_linear"
            x1="7.03274"
            y1="3.82419"
            x2="3.77379"
            y2="5.20048"
            gradientUnits="userSpaceOnUse"
          >
            <stop stopColor="#0052CC" />
            <stop offset="1" stopColor="#2684FF" />
          </linearGradient>
          <linearGradient
            id="jiraicon1_linear"
            x1="9.07273"
            y1="12.1189"
            x2="12.3317"
            y2="10.7426"
            gradientUnits="userSpaceOnUse"
          >
            <stop stopColor="#0052CC" />
            <stop offset="1" stopColor="#2684FF" />
          </linearGradient>
        </defs>
      </g>
    </svg>
  )
}

JiraIcon.category = 'Tool'

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

JiraIcon.Sizes = Sizes