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

function IconTrajectoryComponent(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-trajectory${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 20 20" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M4.81445 3.32422C6.04684 3.32422 7.04688 4.32326 7.04688 5.55566C7.04681 6.52462 6.42751 7.34606 5.56445 7.6543V10C5.56445 10.0403 5.56079 10.0796 5.55469 10.1182C6.42319 10.4235 7.04688 11.2498 7.04688 12.2227C7.04667 13.1915 6.42747 14.0131 5.56445 14.3213V15.9258C5.56445 16.34 5.22867 16.6758 4.81445 16.6758C4.40046 16.6755 4.06543 16.3399 4.06543 15.9258V14.3213C3.20239 14.0131 2.58321 13.1915 2.58301 12.2227C2.58301 11.2501 3.20614 10.4237 4.07422 10.1182C4.06813 10.0797 4.06543 10.0402 4.06543 10V7.6543C3.20234 7.34607 2.58307 6.52464 2.58301 5.55566C2.58301 4.32341 3.58227 3.32447 4.81445 3.32422ZM13.7031 14.0645C14.1173 14.0645 14.4531 14.4003 14.4531 14.8145C14.453 15.2286 14.1172 15.5645 13.7031 15.5645H9.25879C8.84483 15.5643 8.5089 15.2285 8.50879 14.8145C8.50879 14.4004 8.84476 14.0646 9.25879 14.0645H13.7031ZM4.81445 11.4912C4.41066 11.4915 4.08301 11.8189 4.08301 12.2227C4.08327 12.6262 4.41082 12.9529 4.81445 12.9531C5.21829 12.9531 5.54661 12.6263 5.54688 12.2227C5.54688 11.8187 5.21845 11.4912 4.81445 11.4912ZM16.667 11.1016C17.081 11.1018 17.417 11.4375 17.417 11.8516C17.4169 12.2655 17.0809 12.6013 16.667 12.6016H9.25879C8.84484 12.6014 8.50892 12.2656 8.50879 11.8516C8.50879 11.4374 8.84476 11.1017 9.25879 11.1016H16.667ZM13.7031 7.39746C14.1172 7.39746 14.453 7.73331 14.4531 8.14746C14.4531 8.56168 14.1173 8.89746 13.7031 8.89746H9.25879C8.84476 8.8973 8.50879 8.56158 8.50879 8.14746C8.50887 7.73342 8.84481 7.39763 9.25879 7.39746H13.7031ZM4.81445 4.82422C4.41066 4.82447 4.08301 5.15188 4.08301 5.55566C4.08309 5.95938 4.41071 6.28686 4.81445 6.28711C5.2184 6.28711 5.54679 5.95953 5.54688 5.55566C5.54688 5.15172 5.21845 4.82422 4.81445 4.82422ZM16.667 4.43457C17.081 4.43483 17.4169 4.77056 17.417 5.18457C17.417 5.59863 17.081 5.93431 16.667 5.93457H9.25879C8.84476 5.93441 8.50879 5.59869 8.50879 5.18457C8.50884 4.77051 8.84479 4.43474 9.25879 4.43457H16.667Z"/></svg>;
}

const IconTrajectory = React.forwardRef(IconTrajectoryComponent);
export default IconTrajectory;
