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

export const DateLastStateChangedIcon = ({color = IconsGeneralColor}) => (
  <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" style={{display: 'block'}}>
    <path
      fillRule="evenodd"
      d="M4 1C4.55225 1 5 1.44769 5 2V3H11V2C11 1.44769 11.4478 1 12 1C12.5522 1 13 1.44769 13 2V3C14.1045 3 15 3.89545 15 5V13C15 14.1046 14.1045 15 13 15H3C1.89551 15 1 14.1046 1 13V5C1 3.89545 1.89551 3 3 3V2C3 1.44769 3.44775 1 4 1ZM4 10.8727C4 11.2721 4.44507 11.5103 4.77734 11.2888L7.57593 9.42303C7.8728 9.22516 7.8728 8.78888 7.57593 8.591L4.77734 6.72528C4.44507 6.50372 4 6.74194 4 7.1413V10.8727ZM9 10.8728C9 11.2722 9.44507 11.5104 9.77734 11.2888L12.5759 9.42309C12.8728 9.22522 12.8728 8.78894 12.5759 8.59106L9.77734 6.72534C9.44507 6.50378 9 6.742 9 7.14135V10.8728Z"
      fill={color}
    />
  </svg>
)

DateLastStateChangedIcon.category = 'Time'

DateLastStateChangedIcon.propTypes = {
  color: PropTypes.string
}