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

export const Types = {
  DEFAULT: 'default',
  CHECKED: 'checked'
}

export const FavoriteIcon = ({type = Types.DEFAULT, color = IconsGeneralColor}) => (
  <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" style={{display: 'block'}}>
    {type === Types.DEFAULT && (
      <path
        fillRule="evenodd"
        d="M8.00001 4.46739L7.55056 5.36509C7.11027 6.2445 6.2669 6.85227 5.29336 6.99171L4.34204 7.12798L5.0022 7.76231C5.72152 8.45348 6.05023 9.45699 5.87923 10.4398L5.71776 11.3678L6.61964 10.9004C7.48522 10.4519 8.51479 10.4519 9.38037 10.9004L10.2823 11.3678L10.1208 10.4398C9.94978 9.45699 10.2785 8.45348 10.9978 7.76231L11.658 7.12798L10.7066 6.99171C9.73311 6.85227 8.88975 6.24451 8.44945 5.36509L8.00001 4.46739ZM8.89419 1.78601C8.5255 1.0496 7.47451 1.0496 7.10582 1.78601L5.76218 4.46971C5.61542 4.76285 5.33429 4.96544 5.00978 5.01192L2.02923 5.43885C1.20455 5.55697 0.877441 6.5726 1.47816 7.14982L3.61649 9.20446C3.85627 9.43485 3.96583 9.76935 3.90883 10.097L3.40155 13.0125C3.25975 13.8275 4.11241 14.4524 4.84687 14.0718L7.53989 12.6762C7.82841 12.5266 8.1716 12.5266 8.46013 12.6762L11.1531 14.0718C11.8876 14.4524 12.7403 13.8275 12.5985 13.0125L12.0912 10.097C12.0342 9.76935 12.1437 9.43485 12.3835 9.20446L14.5218 7.14982C15.1226 6.5726 14.7955 5.55697 13.9708 5.43885L10.9902 5.01192C10.6657 4.96544 10.3846 4.76285 10.2378 4.46971L8.89419 1.78601Z"
        fill={color}
      />
    )}
    {type === Types.CHECKED && (
      <path
        d="M7.10582 1.78601C7.47451 1.0496 8.5255 1.0496 8.89419 1.78601L10.2378 4.46971C10.3846 4.76285 10.6657 4.96544 10.9902 5.01192L13.9708 5.43885C14.7955 5.55697 15.1226 6.5726 14.5218 7.14982L12.3835 9.20446C12.1437 9.43485 12.0342 9.76935 12.0912 10.097L12.5985 13.0125C12.7403 13.8275 11.8876 14.4524 11.1531 14.0718L8.46013 12.6762C8.1716 12.5266 7.82841 12.5266 7.53989 12.6762L4.84687 14.0718C4.11241 14.4524 3.25975 13.8275 3.40155 13.0125L3.90883 10.097C3.96583 9.76935 3.85627 9.43485 3.61649 9.20446L1.47816 7.14982C0.877441 6.5726 1.20455 5.55697 2.02923 5.43885L5.00978 5.01192C5.33429 4.96544 5.61542 4.76285 5.76218 4.46971L7.10582 1.78601Z"
        fill={Active500}
      />
    )}
  </svg>
)

FavoriteIcon.category = 'Common Actions'

FavoriteIcon.propTypes = {
  color: PropTypes.string
}

FavoriteIcon.Types = Types