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

export const ActionCompletedIcon = ({color = FontColorSuccess}) => (
  <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" style={{display: 'block'}}>
    <path
      d="M3 8C3 5.23859 5.23853 3 8 3C8.44629 3 8.87744 3.05823 9.28711 3.16699C9.8208 3.30865 10.3684 2.99084 10.5103 2.45703C10.6519 1.92322 10.334 1.37561 9.80029 1.23395C9.22485 1.08112 8.62109 1 8 1C4.13403 1 1 4.13403 1 8C1 11.866 4.13403 15 8 15C11.866 15 15 11.866 15 8C15 6.85474 14.7241 5.77094 14.2344 4.81421C14.2192 4.78467 14.2029 4.75616 14.1853 4.72882L14.707 4.20709C15.0977 3.81659 15.0977 3.18341 14.707 2.79291C14.3167 2.40234 13.6833 2.40234 13.293 2.79291L7.5 8.58582L5.70703 6.79291C5.31665 6.40234 4.68335 6.40234 4.29297 6.79291C3.90234 7.18341 3.90234 7.81659 4.29297 8.20709L6.79297 10.7071C7.18335 11.0977 7.81665 11.0977 8.20703 10.7071L12.6797 6.2345C12.8867 6.78259 13 7.37726 13 8C13 10.7614 10.7615 13 8 13C5.23853 13 3 10.7614 3 8Z"
      fill={color}
    />
  </svg>
)

ActionCompletedIcon.category = 'Common Actions'

ActionCompletedIcon.propTypes = {
  color: PropTypes.string
}