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

export const ListColumnsIcon = ({color = IconsGeneralColor}) => (
  <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" style={{display: 'block'}}>
    <path
      d="M12 1C12.5523 1 13 1.52233 13 2.16667V13.8333C13 14.4777 12.5523 15 12 15C11.4477 15 11 14.4777 11 13.8333V2.16667C11 1.52233 11.4477 1 12 1Z"
      fill={color}
    />
    <path
      d="M8 1C8.55228 1 9 1.52233 9 2.16667V13.8333C9 14.4777 8.55228 15 8 15C7.44772 15 7 14.4777 7 13.8333L7 2.16667C7 1.52233 7.44772 1 8 1Z"
      fill={color}
    />
    <path
      d="M4 1C4.55228 1 5 1.52233 5 2.16667L5 13.8333C5 14.4777 4.55228 15 4 15C3.44772 15 3 14.4777 3 13.8333V2.16667C3 1.52233 3.44772 1 4 1Z"
      fill={color}
    />
  </svg>
)

ListColumnsIcon.category = 'Boards & Views'

ListColumnsIcon.propTypes = {
  color: PropTypes.string
}