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

export const MessageErrorIcon = ({color = FontColorError}) => (
  <svg
    width="44"
    height="44"
    fill="none"
    viewBox="0 0 44 44"
    version="1.1"
    style={{display: 'block'}}
  >
    <path
      d="M14.5858 14.5858C15.3668 13.8047 16.6332 13.8047 17.4142 14.5858L22 19.1716L26.5858 14.5858C27.3668 13.8047 28.6332 13.8047 29.4142 14.5858C30.1953 15.3668 30.1953 16.6332 29.4142 17.4142L24.8284 22L29.4142 26.5858C30.1953 27.3668 30.1953 28.6332 29.4142 29.4142C28.6332 30.1953 27.3668 30.1953 26.5858 29.4142L22 24.8284L17.4142 29.4142C16.6332 30.1953 15.3668 30.1953 14.5858 29.4142C13.8047 28.6332 13.8047 27.3668 14.5858 26.5858L19.1716 22L14.5858 17.4142C13.8047 16.6332 13.8047 15.3668 14.5858 14.5858Z"
      fill={color}
    />
    <path
      fillRule="evenodd"
      d="M14.1711 0C12.845 0 11.5732 0.526784 10.6355 1.46447L1.46447 10.6355C0.526784 11.5732 0 12.845 0 14.1711V29.8289C0 31.155 0.526784 32.4268 1.46447 33.3645L10.6355 42.5355C11.5732 43.4732 12.845 44 14.1711 44H29.8289C31.155 44 32.4268 43.4732 33.3645 42.5355L42.5355 33.3645C43.4732 32.4268 44 31.155 44 29.8289V14.1711C44 12.845 43.4732 11.5732 42.5355 10.6355L33.3645 1.46447C32.4268 0.526784 31.155 0 29.8289 0H14.1711ZM30.536 39.7071L39.7071 30.536C39.8946 30.3485 40 30.0941 40 29.8289V14.1711C40 13.9059 39.8946 13.6515 39.7071 13.464L30.536 4.29289C30.3485 4.10536 30.0941 4 29.8289 4H14.1711C13.9059 4 13.6515 4.10536 13.464 4.29289L4.29289 13.464C4.10536 13.6515 4 13.9059 4 14.1711V29.8289C4 30.0942 4.10536 30.3485 4.29289 30.536L13.464 39.7071C13.6515 39.8946 13.9059 40 14.1711 40H29.8289C30.0942 40 30.3485 39.8946 30.536 39.7071Z"
      fill={color}
    />
  </svg>
)

MessageErrorIcon.category = 'Info'

MessageErrorIcon.propTypes = {
  color: PropTypes.string
}