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

function IconReturnNow15Component(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-return-now15${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="M10.083 1.863a6.48 6.48 0 1 1-8.342 7.814.48.48 0 0 1 .929-.247 5.52 5.52 0 1 0 3.9-6.762c-.348.094-.919.272-1.427.434l.683.395a.481.481 0 0 1-.48.83L3.73 3.396a.481.481 0 0 1-.176-.655l.934-1.617a.481.481 0 0 1 .655-.176.48.48 0 0 1 .176.656l-.309.535c.435-.14.872-.273 1.312-.397a6.48 6.48 0 0 1 3.76.122ZM6.996 10.8h-.824V6.784l-1.22.413v-.68l1.946-.71h.098V10.8Zm4.191-4.28h-2l-.135 1.221c.077-.045.184-.09.32-.134.137-.045.294-.067.47-.067.234 0 .444.038.628.116.187.075.345.185.475.331.13.144.229.319.297.526.069.205.103.437.103.694 0 .23-.034.445-.103.646-.066.2-.166.377-.3.53a1.384 1.384 0 0 1-.51.359 1.872 1.872 0 0 1-.721.127c-.207 0-.407-.03-.598-.09a1.632 1.632 0 0 1-.51-.27 1.378 1.378 0 0 1-.362-.444 1.526 1.526 0 0 1-.157-.611h.807c.02.161.065.299.133.413.07.111.164.197.28.256.117.06.251.089.404.089a.825.825 0 0 0 .358-.072.68.68 0 0 0 .25-.212.946.946 0 0 0 .151-.328 1.588 1.588 0 0 0-.007-.817.868.868 0 0 0-.168-.314.718.718 0 0 0-.277-.205.935.935 0 0 0-.386-.076c-.196 0-.346.03-.45.086a1.416 1.416 0 0 0-.288.212l-.656-.16.27-2.502h2.682v.696Z"/></svg>;
}

const IconReturnNow15 = React.forwardRef(IconReturnNow15Component);
export default IconReturnNow15;
