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

function IconIntentTypeComponent(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-Intent_type${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 18 18" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M8.60109 1.66753C9.20249 1.65634 9.79933 1.73692 10.3702 1.90412C10.504 1.94333 10.5736 2.08819 10.5267 2.21957L10.2375 3.0301C10.1916 3.15881 10.051 3.22606 9.91936 3.18924C9.50183 3.0724 9.06639 3.01626 8.62756 3.02443C7.85433 3.03881 7.09983 3.25234 6.4424 3.64207C5.78504 4.03176 5.24918 4.5831 4.8894 5.2379C4.52965 5.89263 4.35874 6.6275 4.39368 7.36637C4.42864 8.10523 4.66825 8.82233 5.08856 9.44316C5.50892 10.0641 6.09498 10.5666 6.7868 10.8972C7.02506 11.0111 7.17613 11.2476 7.17613 11.5068V12.976H10.2462V11.5068C10.2462 11.247 10.398 11.0099 10.6372 10.8964C10.8321 10.8039 11.2727 10.5164 11.5559 10.3217C11.6616 10.2491 11.8057 10.2645 11.8915 10.3599L12.5065 11.0447C12.596 11.1444 12.5898 11.2959 12.4824 11.3759C12.2002 11.5859 11.7812 11.8293 11.6354 11.9128V13.1176C11.6354 13.4431 11.501 13.7533 11.2652 13.9805C11.0297 14.2073 10.7122 14.3332 10.3833 14.3332H7.0389C6.70996 14.3332 6.39256 14.2073 6.15706 13.9805C5.92121 13.7533 5.7869 13.4431 5.7869 13.1176V11.9117C5.04255 11.4835 4.40659 10.8961 3.92982 10.1919C3.37182 9.36753 3.05252 8.41363 3.00594 7.429C2.95937 6.4444 3.18729 5.46617 3.66536 4.59608C4.14339 3.72605 4.85376 2.99636 5.72169 2.48185C6.58953 1.96737 7.58373 1.68647 8.60109 1.66753ZM11.882 3.67801C12.0007 3.21935 12.6515 3.2178 12.7723 3.6759L12.8924 4.1308C13.0615 4.77141 13.5618 5.27173 14.2024 5.44077L14.6573 5.56083C15.1154 5.68173 15.1138 6.33247 14.6552 6.4512L14.2081 6.5669C13.5637 6.7337 13.0596 7.23543 12.8897 7.87906L12.7723 8.32376C12.6515 8.78186 12.0007 8.78033 11.882 8.32166L11.7689 7.8849C11.6014 7.23743 11.0957 6.73183 10.4483 6.56423L10.0115 6.4512C9.55283 6.33247 9.55129 5.68173 10.0094 5.56083L10.4541 5.44347C11.0977 5.2736 11.5995 4.76947 11.7663 4.12503L11.882 3.67801ZM6.58316 14.9998C6.44516 14.9998 6.33333 15.1113 6.33333 15.2493V16.0832C6.33333 16.2213 6.44526 16.3332 6.58333 16.3332H10.75C10.8881 16.3332 11 16.2212 11 16.0832V15.2498C11 15.1118 10.8881 14.9998 10.75 14.9998H6.58316Z"/></svg>;
}

const IconIntentType = React.forwardRef(IconIntentTypeComponent);
export default IconIntentType;
