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

function IconCustomApplicationComponent(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-custom-application${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="M9.67773 0.898621C9.91786 0.797881 10.1946 0.813362 10.4229 0.947449L17.5059 5.11444C17.7603 5.26414 17.9169 5.53802 17.917 5.83319V14.1662C17.917 14.4614 17.7602 14.7352 17.5059 14.8849L10.4229 19.0519C10.1624 19.2051 9.8387 19.2049 9.57812 19.0519L2.49414 14.8849C2.23978 14.7352 2.08304 14.4614 2.08301 14.1662V5.83319C2.08309 5.53802 2.23974 5.26414 2.49414 5.11444L9.57812 0.947449L9.67773 0.898621ZM14.0381 7.47382C13.8093 7.10789 13.3428 6.9814 12.9639 7.16815L12.8896 7.20917L9.99707 9.01678L7.1084 7.20917L7.03418 7.16815C6.65532 6.98132 6.18889 7.10803 5.95996 7.47382C5.73133 7.83948 5.82091 8.31438 6.1543 8.57343L6.22461 8.62225L9.16699 10.4631V13.7502C9.16707 14.2104 9.53981 14.5832 10 14.5832C10.4602 14.5832 10.8329 14.2104 10.833 13.7502V10.4601L13.7725 8.62225C14.1627 8.37829 14.282 7.86406 14.0381 7.47382Z"/></svg>;
}

const IconCustomApplication = React.forwardRef(IconCustomApplicationComponent);
export default IconCustomApplication;
