import React, { ForwardedRef, useContext } from 'react';
import { OriginIconProps } from '../type';
import { Context } from '../context';

function IconWorkflowChecklistComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
    const { prefix: prefixFromContext } = useContext(Context);
    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;

    const prefix = prefixFromProps || prefixFromContext || 'hiagent';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-workflow_checklist${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 16 16" {...rest} ref={ref}><path d="M14.997 9c.344 0 .624.279.624.624v3.816c0 .344-.28.623-.624.623H7.372a.624.624 0 0 1-.624-.623V9.624c0-.345.28-.624.624-.624h7.625Zm-10.66.715a.624.624 0 0 1 .939.822L2.85 13.31a.626.626 0 0 1-.911.03L.553 11.954a.624.624 0 0 1 .881-.882l.915.914 1.987-2.271Zm3.658 3.101h6.378v-2.569H7.995v2.57Zm7.002-10.88c.344 0 .624.28.624.624v3.816c0 .345-.28.624-.624.624H7.372a.623.623 0 0 1-.624-.624V2.56c0-.344.28-.623.624-.623h7.625Zm-11.175.796a.573.573 0 0 1 .809.808L3.6 4.57 4.63 5.6a.573.573 0 0 1-.81.81L2.79 5.38 1.76 6.41a.573.573 0 0 1-.808-.81l1.03-1.03-1.03-1.03a.572.572 0 0 1 .808-.808l1.03 1.03 1.03-1.03Zm4.173 3.021h6.378v-2.57H7.995v2.57Z"/></svg>;
}

const IconWorkflowChecklist = React.forwardRef(IconWorkflowChecklistComponent);
export default IconWorkflowChecklist;
