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

export const HierarchyIcon = ({color = IconsGeneralColor}) => (
  <svg
    width="16px"
    height="16px"
    viewBox="0 0 16 16"
    version="1.1"
    style={{display: 'block', transform: 'rotate(180deg)'}}
  >
    <path
      d="M5.20703 5.20718C5.59766 4.81656 5.59766 4.1835 5.20703 3.79288C4.81665 3.40237 4.18335 3.40237 3.79297 3.79288L1.29297 6.29288C0.902344 6.6835 0.902344 7.31656 1.29297 7.70718L3.79297 10.2072C4.18335 10.5977 4.81665 10.5977 5.20703 10.2072C5.59766 9.81656 5.59766 9.1835 5.20703 8.79288L4.41431 8.00003H10C11.6567 8.00003 13 9.34317 13 11C13 11.5523 13.4478 12 14 12C14.5522 12 15 11.5523 15 11C15 8.23856 12.7615 6.00003 10 6.00003H4.41431L5.20703 5.20718Z"
      fill={color}
    />
  </svg>
)

HierarchyIcon.category = 'Info'

HierarchyIcon.propTypes = {
  color: PropTypes.string
}