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

export const MessageNoDataIcon = ({color = IconsGeneralColor}) => (
  <svg
    width="44"
    height="44"
    fill="none"
    viewBox="0 0 44 44"
    version="1.1"
    style={{display: 'block'}}
  >
    <path
      fillRule="evenodd"
      d="M38.9065 7.92189C42.0868 11.7369 44 16.645 44 22C44 34.1503 34.1503 44 22 44C16.645 44 11.7369 42.0868 7.92189 38.9065L4.41421 42.4142C3.63317 43.1953 2.36684 43.1953 1.58579 42.4142C0.804738 41.6332 0.804738 40.3668 1.58579 39.5858L5.09346 36.0781C1.91325 32.2631 0 27.355 0 22C0 9.84974 9.84974 0 22 0C27.355 0 32.2631 1.91325 36.0781 5.09346L39.5858 1.58579C40.3668 0.804738 41.6332 0.804738 42.4142 1.58579C43.1953 2.36684 43.1953 3.63317 42.4142 4.41421L38.9065 7.92189ZM40 22C40 31.9411 31.9411 40 22 40C17.75 40 13.844 38.5271 10.7646 36.0638L36.0638 10.7646C38.5271 13.844 40 17.75 40 22ZM7.9362 33.2354L33.2354 7.9362C30.156 5.47295 26.25 4 22 4C12.0589 4 4 12.0589 4 22C4 26.25 5.47295 30.156 7.9362 33.2354Z"
      fill={color}
    />
  </svg>
)

MessageNoDataIcon.category = 'Info'

MessageNoDataIcon.propTypes = {
  color: PropTypes.string
}