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

export const MessageManyFacetsIcon = ({color = FontColorError}) => (
  <svg
    width="62"
    height="44"
    fill="none"
    viewBox="0 0 62 44"
    version="1.1"
    style={{display: 'block'}}
  >
    <path
      d="M2 0C3.10457 0 4 0.89543 4 2V40H60C61.1046 40 62 40.8954 62 42C62 43.1046 61.1046 44 60 44H0V2C0 0.89543 0.89543 0 2 0Z"
      fill={color}
    />
    <path d="M7.775 3H6.825V2H7.775V3Z" fill={color} />
    <path d="M11.575 3H10.625V2H11.575V3Z" fill={color} />
    <path d="M15.375 3H14.425V2H15.375V3Z" fill={color} />
    <path d="M19.175 3H18.225V2H19.175V3Z" fill={color} />
    <path d="M22.975 2.5V2H22.025V2.5H22V3.04167H23V2.5H22.975Z" fill={color} />
    <path d="M26.775 3H25.825V2H26.775V3Z" fill={color} />
    <path d="M30.575 3H29.625V2H30.575V3Z" fill={color} />
    <path d="M34.375 3H33.425V2H34.375V3Z" fill={color} />
    <path d="M38.175 3H37.225V2H38.175V3Z" fill={color} />
    <path d="M41.95 2.5V2H41.025V2.5H41V3.04167H42V2.5H41.95Z" fill={color} />
    <path d="M45.55 3H44.65V2H45.55V3Z" fill={color} />
    <path d="M49.15 3H48.25V2H49.15V3Z" fill={color} />
    <path d="M52.75 3H51.85V2H52.75V3Z" fill={color} />
    <path d="M56.35 3H55.45V2H56.35V3Z" fill={color} />
    <path d="M59.05 2.5H59V3.04167H60V2H59.05V2.5Z" fill={color} />
    <path d="M22 7.375V6.29167H23V7.375H22Z" fill={color} />
    <path d="M41 7.375V6.29167H42V7.375H41Z" fill={color} />
    <path d="M59 7.375V6.29167H60V7.375H59Z" fill={color} />
    <path d="M22 11.7083V10.625H23V11.7083H22Z" fill={color} />
    <path d="M41 11.7083V10.625H42V11.7083H41Z" fill={color} />
    <path d="M59 11.7083V10.625H60V11.7083H59Z" fill={color} />
    <path d="M22 14.9583H23V15.9375H22.975V16H22.025V15.9375H22V14.9583Z" fill={color} />
    <path d="M59 14.9583H60V15.9375H59.5V16H59.05V15.9375H59V14.9583Z" fill={color} />
    <path d="M7.775 16H6.825V15H7.775V16Z" fill={color} />
    <path d="M11.575 16H10.625V15H11.575V16Z" fill={color} />
    <path
      d="M15.2587 15H14.425V15.6638L12.418 17.2617L14.1641 19.4414L16.1328 17.8594C16.3672 17.6719 16.7852 17.2773 17.3867 16.6758L17.3281 18.457L17.293 20.0859V30H20.9141V12.8672H17.9375L15.2587 15Z"
      fill={color}
    />
    <path
      fillRule="evenodd"
      d="M26.3924 16H25.825V15H26.775V15.1881C26.8598 15.036 26.9491 14.8913 27.043 14.7539C28.0195 13.3164 29.5234 12.5977 31.5547 12.5977C33.5312 12.5977 35.0234 13.3477 36.0312 14.8477C37.0469 16.3477 37.5547 18.543 37.5547 21.4336C37.5547 24.4258 37.0625 26.6406 36.0781 28.0781C35.6249 28.7453 35.0572 29.2577 34.375 29.6152V30H33.425V29.9924C32.8612 30.1537 32.2377 30.2344 31.5547 30.2344C30.9134 30.2344 30.3231 30.1562 29.7838 30H29.625V29.9513C28.5755 29.6107 27.7266 28.9629 27.0781 28.0078C26.0781 26.5234 25.5781 24.332 25.5781 21.4336C25.5781 19.1794 25.8495 17.3682 26.3924 16ZM30.3095 16H30.575V15.7927C30.8551 15.6158 31.1816 15.5273 31.5547 15.5273C32.3906 15.5273 32.9961 15.9883 33.3711 16.9102C33.7539 17.8242 33.9453 19.332 33.9453 21.4336C33.9453 23.5117 33.7578 25.0117 33.3828 25.9336C33.0078 26.8555 32.3984 27.3164 31.5547 27.3164C30.6953 27.3164 30.082 26.8633 29.7148 25.957C29.3555 25.043 29.1758 23.5352 29.1758 21.4336C29.1758 19.332 29.3594 17.8242 29.7266 16.9102C29.8791 16.5273 30.0734 16.2239 30.3095 16Z"
      fill={color}
    />
    <path d="M38.175 16H37.225V15H38.175V16Z" fill={color} />
    <path d="M52.75 16H51.85V15H52.75V16Z" fill={color} />
    <path d="M56.35 16H55.45V15H56.35V16Z" fill={color} />
    <path d="M22 19.4375V18.5625H23V19.4375H22Z" fill={color} />
    <path d="M59 19.4375V18.5625H60V19.4375H59Z" fill={color} />
    <path d="M22 22.9375V22.0625H23V22.9375H22Z" fill={color} />
    <path d="M59 22.9375V22.0625H60V22.9375H59Z" fill={color} />
    <path d="M22 26.4375V25.5625H23V26.4375H22Z" fill={color} />
    <path d="M59 26.4375V25.5625H60V26.4375H59Z" fill={color} />
    <path d="M7.775 30H6.825V29H7.775V30Z" fill={color} />
    <path d="M11.575 30H10.625V29H11.575V30Z" fill={color} />
    <path d="M15.375 30H14.425V29H15.375V30Z" fill={color} />
    <path d="M22.975 29.0625V29H22.025V29.0625H22V30.0208H23V29.0625H22.975Z" fill={color} />
    <path d="M26.775 30H25.825V29H26.775V30Z" fill={color} />
    <path d="M38.175 30H37.225V29H38.175V30Z" fill={color} />
    <path
      fillRule="evenodd"
      d="M41.6561 29C41.3355 28.7177 41.0465 28.387 40.7891 28.0078C39.7891 26.5234 39.2891 24.332 39.2891 21.4336C39.2891 18.4102 39.7773 16.1836 40.7539 14.7539C41.7305 13.3164 43.2344 12.5977 45.2656 12.5977C47.2422 12.5977 48.7344 13.3477 49.7422 14.8477C50.7578 16.3477 51.2656 18.543 51.2656 21.4336C51.2656 24.4258 50.7734 26.6406 49.7891 28.0781C49.5514 28.428 49.2822 28.7353 48.9816 29H49.15V30H48.25V29.525C47.43 29.9979 46.4352 30.2344 45.2656 30.2344C43.9685 30.2344 42.8799 29.9147 42 29.2754V30.0208H41V29.0625H41.025V29H41.6561ZM45.55 16H44.65V15.621C44.1133 15.7985 43.7091 16.2282 43.4375 16.9102C43.0703 17.8242 42.8867 19.332 42.8867 21.4336C42.8867 23.5352 43.0664 25.043 43.4258 25.957C43.793 26.8633 44.4062 27.3164 45.2656 27.3164C46.1094 27.3164 46.7188 26.8555 47.0938 25.9336C47.4688 25.0117 47.6562 23.5117 47.6562 21.4336C47.6562 19.332 47.4648 17.8242 47.082 16.9102C46.751 16.0963 46.2403 15.6417 45.55 15.5463V16Z"
      fill={color}
    />
    <path d="M52.75 30H51.85V29H52.75V30Z" fill={color} />
    <path d="M56.35 30H55.45V29H56.35V30Z" fill={color} />
    <path d="M59.5 29.0625V29H59.05V29.0625H59V30.0208H60V29.0625H59.5Z" fill={color} />
    <path d="M22 34.1875V33.1458H23V34.1875H22Z" fill={color} />
    <path d="M41 34.1875V33.1458H42V34.1875H41Z" fill={color} />
    <path d="M59 34.1875V33.1458H60V34.1875H59Z" fill={color} />
    <path d="M22 38.3542V37.3125H23V38.3542H22Z" fill={color} />
    <path d="M41 38.3542V37.3125H42V38.3542H41Z" fill={color} />
    <path d="M59 38.3542V37.3125H60V38.3542H59Z" fill={color} />
  </svg>
)

MessageManyFacetsIcon.category = 'Info'

MessageManyFacetsIcon.propTypes = {
  color: PropTypes.string
}