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

function IconHead2tailFrameComponent(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-head2tail_frame${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 22 22" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M14.9004 3.61035C15.8943 3.61056 16.7002 4.41617 16.7002 5.41016V16.5869C16.7 17.5807 15.8942 18.3865 14.9004 18.3867H7.09961C6.10563 18.3867 5.30002 17.5808 5.2998 16.5869V5.41016C5.2998 4.41604 6.1055 3.61035 7.09961 3.61035H14.9004ZM3.41016 3.7002C3.85187 3.70033 4.20996 4.05825 4.20996 4.5V17.5C4.20996 17.9417 3.85187 18.2997 3.41016 18.2998C2.96833 18.2998 2.61035 17.9418 2.61035 17.5V4.5C2.61035 4.05817 2.96833 3.7002 3.41016 3.7002ZM18.5898 3.7002C19.0317 3.7002 19.3896 4.05817 19.3896 4.5V17.5C19.3896 17.9418 19.0317 18.2998 18.5898 18.2998C18.1481 18.2997 17.79 17.9417 17.79 17.5V4.5C17.79 4.05825 18.1481 3.70033 18.5898 3.7002ZM7.09961 5.20996C6.98915 5.20996 6.89941 5.2997 6.89941 5.41016V16.5869C6.89963 16.6972 6.98929 16.7871 7.09961 16.7871H14.9004C15.0105 16.7869 15.0994 16.6971 15.0996 16.5869V5.41016C15.0996 5.29983 15.0107 5.21017 14.9004 5.20996H7.09961ZM9.64453 7.83496C9.74525 7.83496 9.84315 7.86884 9.92188 7.93164L13.2109 10.5625C13.4026 10.7158 13.4335 10.9958 13.2803 11.1875C13.2598 11.2131 13.2365 11.2364 13.2109 11.2568L9.92188 13.8877C9.73023 14.0409 9.45116 14.0099 9.29785 13.8184C9.23485 13.7396 9.20024 13.6419 9.2002 13.541V8.2793C9.2002 8.03387 9.39912 7.83502 9.64453 7.83496Z"/></svg>;
}

const IconHead2tailFrame = React.forwardRef(IconHead2tailFrameComponent);
export default IconHead2tailFrame;
