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

export const BranchIcon = ({color = IconsGeneralColor}) => (
  <svg width="16px" height="16px" viewBox="0 0 12 12" fill="none">
    <path
      d="M3 4C2.72386 4 2.5 4.22386 2.5 4.5V7.5C2.5 7.77614 2.72386 8 3 8C3.27614 8 3.5 7.77614 3.5 7.5V6.5H7.5C8.60457 6.5 9.5 5.60457 9.5 4.5V4H8.5V4.5C8.5 5.05228 8.05228 5.5 7.5 5.5H3.5V4.5C3.5 4.22386 3.27614 4 3 4Z"
      fill={color}
    />
    <path
      d="M3 11.5C1.89543 11.5 1 10.6046 1 9.5C1 8.39543 1.89543 7.5 3 7.5C4.10457 7.5 5 8.39543 5 9.5C5 10.6046 4.10457 11.5 3 11.5Z"
      fill={color}
    />
    <path
      d="M9 4.5C7.89543 4.5 7 3.60457 7 2.5C7 1.39543 7.89543 0.5 9 0.5C10.1046 0.5 11 1.39543 11 2.5C11 3.60457 10.1046 4.5 9 4.5Z"
      fill={color}
    />
    <path
      d="M3 4.5C1.89543 4.5 1 3.60457 1 2.5C1 1.39543 1.89543 0.5 3 0.5C4.10457 0.5 5 1.39543 5 2.5C5 3.60457 4.10457 4.5 3 4.5Z"
      fill={color}
    />
  </svg>
)

BranchIcon.category = 'Entity'

BranchIcon.propTypes = {
  color: PropTypes.string
}