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

export const ChartScatterplotIcon = ({color = IconsGeneralColor}) => (
  <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" style={{display: 'block'}}>
    <path
      d="M14 4C14 4.55228 13.5522 5 13 5C12.4478 5 12 4.55228 12 4C12 3.44772 12.4478 3 13 3C13.5522 3 14 3.44772 14 4Z"
      fill={color}
    />
    <path
      d="M3 11C3.55225 11 4 10.5523 4 10C4 9.44772 3.55225 9 3 9C2.44775 9 2 9.44772 2 10C2 10.5523 2.44775 11 3 11Z"
      fill={color}
    />
    <path
      d="M9 9.5C9 10.3284 8.32837 11 7.5 11C6.67163 11 6 10.3284 6 9.5C6 8.67157 6.67163 8 7.5 8C8.32837 8 9 8.67157 9 9.5Z"
      fill={color}
    />
    <path
      d="M8.5 6C9.32837 6 10 5.32843 10 4.5C10 3.67157 9.32837 3 8.5 3C7.67163 3 7 3.67157 7 4.5C7 5.32843 7.67163 6 8.5 6Z"
      fill={color}
    />
    <path
      d="M6 6C6 6.55228 5.55225 7 5 7C4.44775 7 4 6.55228 4 6C4 5.44772 4.44775 5 5 5C5.55225 5 6 5.44772 6 6Z"
      fill={color}
    />
    <path
      d="M11 9C11.5522 9 12 8.55228 12 8C12 7.44772 11.5522 7 11 7C10.4478 7 10 7.44772 10 8C10 8.55228 10.4478 9 11 9Z"
      fill={color}
    />
    <path
      d="M2 13C1.44772 13 1 13.4477 1 14C1 14.5523 1.44772 15 2 15H14C14.5523 15 15 14.5523 15 14C15 13.4477 14.5523 13 14 13H2Z"
      fill={color}
    />
  </svg>
)

ChartScatterplotIcon.category = 'Boards & Views'

ChartScatterplotIcon.propTypes = {
  color: PropTypes.string
}