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

function IconLastStepComponent(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-last-step${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 20 20" {...rest} ref={ref}><path d="M6.425 3a.375.375 0 0 1 .264.11l.53.529a.373.373 0 0 1 0 .53L5.056 6.33h7.204l.27.007a5.21 5.21 0 0 1 3.413 1.508 5.218 5.218 0 0 1 1.557 3.727 5.24 5.24 0 0 1-5.24 5.24H8.992a.38.38 0 0 1-.21-.064.376.376 0 0 1-.165-.31v-.734a.375.375 0 0 1 .375-.375h3.092c.452 0 .988-.146 1.51-.416a4.615 4.615 0 0 0 1.43-1.16 3.97 3.97 0 0 0 .421-.64 3.32 3.32 0 0 0 .325-2.156 3.348 3.348 0 0 0-.376-1.018 3.786 3.786 0 0 0-.105-.175c-.766-1.209-2.19-1.934-3.202-1.936h-7.03l2.162 2.163a.373.373 0 0 1 0 .53l-.53.529a.375.375 0 0 1-.529 0L2.72 7.609a.746.746 0 0 1 0-1.058l3.44-3.442A.377.377 0 0 1 6.425 3Z"/></svg>;
}

const IconLastStep = React.forwardRef(IconLastStepComponent);
export default IconLastStep;
