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

export const IdeaIcon = ({color = IconsGeneralColor}) => (
  <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" style={{display: 'block'}}>
    <path
      d="M5 12.5C5 12.2239 5.22388 12 5.5 12H10.5C10.7761 12 11 12.2239 11 12.5V13C11 13.5523 10.5522 14 10 14C10 14.5523 9.55225 15 9 15H7C6.44775 15 6 14.5523 6 14C5.44775 14 5 13.5523 5 13V12.5Z"
      fill={color}
    />
    <path
      d="M5 6C5 4.34314 6.34326 3 8 3C9.65674 3 11 4.34314 11 6C11 6.6181 10.8142 7.18982 10.4954 7.66595C10.2534 8.02765 9.93726 8.45178 9.6748 8.79388C9.52554 8.98825 9.37392 9.18072 9.22144 9.37256C8.87476 9.80261 8.94238 10.4321 9.37256 10.7786C9.80249 11.1252 10.4321 11.0575 10.7786 10.6274L11.2612 10.0117C11.5317 9.6593 11.8789 9.19458 12.1575 8.7785C12.6897 7.9834 13 7.02643 13 6C13 3.23859 10.7615 1 8 1C5.23853 1 3 3.23859 3 6C3 7.02643 3.3103 7.9834 3.84253 8.7785C4.12109 9.19458 4.46826 9.6593 4.73877 10.0117C4.89767 10.2185 5.05892 10.4234 5.22144 10.6274C5.56787 11.0575 6.19727 11.1252 6.62744 10.7787C7.05737 10.4321 7.12524 9.80267 6.77832 9.37225L6.3252 8.79388C6.19531 8.62463 6.05225 8.43518 5.91162 8.24316C5.76807 8.04724 5.62695 7.84863 5.50464 7.66595C5.18579 7.18982 5 6.6181 5 6Z"
      fill={color}
    />
  </svg>
)

IdeaIcon.category = 'Entity'

IdeaIcon.propTypes = {
  color: PropTypes.string
}