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

export const FlexibleListIcon = ({color = IconsGeneralColor}) => (
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M1 4C1 3.44772 1.52233 3 2.16667 3H13.8333C14.4777 3 15 3.44772 15 4C15 4.55228 14.4777 5 13.8333 5H2.16667C1.52233 5 1 4.55228 1 4Z"
      fill={color}
    />
    <path
      d="M3 8C3 7.44772 3.52233 7 4.16667 7H13.8333C14.4777 7 15 7.44772 15 8C15 8.55228 14.4777 9 13.8333 9H4.16667C3.52233 9 3 8.55228 3 8Z"
      fill={color}
    />
    <path
      d="M6 12C6 11.4477 6.52233 11 7.16667 11H13.8333C14.4777 11 15 11.4477 15 12C15 12.5523 14.4777 13 13.8333 13H7.16667C6.52233 13 6 12.5523 6 12Z"
      fill={color}
    />
  </svg>
)

FlexibleListIcon.category = 'Boards & Views'

FlexibleListIcon.propTypes = {
  color: PropTypes.string
}