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

export const ListFirstLevel = ({color = IconsGeneralColor}) => (
  <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" style={{display: 'block'}}>
    <path
      d="M5 9C5 8.44772 5.52233 8 6.16667 8H13.8333C14.4777 8 15 8.44772 15 9C15 9.55228 14.4777 10 13.8333 10H6.16667C5.52233 10 5 9.55228 5 9Z"
      fill={color}
    />
    <path
      d="M9 13C9 12.4477 9.52233 12 10.1667 12H13.8333C14.4777 12 15 12.4477 15 13C15 13.5523 14.4777 14 13.8333 14H10.1667C9.52233 14 9 13.5523 9 13Z"
      fill={color}
    />
    <path
      fillRule="evenodd"
      d="M1 4C1 2.89543 1.89543 2 3 2H13C14.1046 2 15 2.89543 15 4C15 5.10457 14.1046 6 13 6H3C1.89543 6 1 5.10457 1 4Z"
      fill={color}
    />
  </svg>
)

ListFirstLevel.category = 'Boards & Views'

ListFirstLevel.propTypes = {
  color: PropTypes.string
}