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

export const FunctionIcon = ({color = IconsGeneralColor}) => (
  <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" style={{display: 'block'}}>
    <path
      fillRule="evenodd"
      d="M7 4C7 3.49051 7.4246 3 8 3C8.5754 3 9 3.49051 9 4C9 4.55228 9.44772 5 10 5C10.5523 5 11 4.55228 11 4C11 2.50949 9.7996 1 8 1C6.2004 1 5 2.50949 5 4V6H4C3.44772 6 3 6.44772 3 7C3 7.55228 3.44772 8 4 8H5V12C5 12.5163 4.5886 13 4 13C3.4114 13 3 12.5163 3 12C3 11.4477 2.55228 11 2 11C1.44772 11 1 11.4477 1 12C1 13.4837 2.17454 15 4 15C5.82546 15 7 13.4837 7 12V8H8C8.55228 8 9 7.55228 9 7C9 6.44772 8.55228 6 8 6H7V4Z"
      fill={color}
    />
    <path
      fillRule="evenodd"
      d="M13.4142 12L14.7071 13.2929C15.0976 13.6834 15.0976 14.3166 14.7071 14.7071C14.3166 15.0976 13.6834 15.0976 13.2929 14.7071L12 13.4142L10.7071 14.7071C10.3166 15.0976 9.68342 15.0976 9.29289 14.7071C8.90237 14.3166 8.90237 13.6834 9.29289 13.2929L10.5858 12L9.29289 10.7071C8.90237 10.3166 8.90237 9.68342 9.29289 9.29289C9.68342 8.90237 10.3166 8.90237 10.7071 9.29289L12 10.5858L13.2929 9.29289C13.6834 8.90237 14.3166 8.90237 14.7071 9.29289C15.0976 9.68342 15.0976 10.3166 14.7071 10.7071L13.4142 12Z"
      fill={color}
    />
  </svg>
)

FunctionIcon.category = 'Info'

FunctionIcon.propTypes = {
  color: PropTypes.string
}