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

function IconInformationCollectionComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
    const { prefix: prefixFromContext } = useContext(Context);
    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = false, spin, ...rest } = props;

    const prefix = prefixFromProps || prefixFromContext || 'hiagent';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-information-collection${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : 'none'} viewBox="0 0 20 20" {...rest} ref={ref}><rect width="20" height="20" fill={useCurrentColor ? 'currentColor' : '#A99DA9'} rx="6"/><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="M9.9707 3.99963C13.4442 3.9997 16.2915 6.43842 16.291 9.49377C16.2908 12.5474 13.4431 14.986 9.96973 14.986C9.53884 14.9859 9.10916 14.9459 8.67773 14.8658L6.9209 15.9215C6.83675 15.972 6.74071 15.9987 6.64258 15.9996C6.54455 16.0006 6.4483 15.9752 6.36328 15.9264C6.27823 15.8775 6.20682 15.8075 6.1582 15.7223C6.10962 15.6371 6.08472 15.5401 6.08594 15.442L6.10742 13.8385C4.57798 12.8126 3.65039 11.2247 3.65039 9.4928C3.65043 6.43797 6.49716 3.99963 9.9707 3.99963ZM9.87793 11.0944C9.42728 11.0944 9.08301 11.4179 9.08301 11.8815C9.08308 12.3426 9.4172 12.6764 9.87793 12.6764C10.3232 12.6763 10.664 12.3426 10.6641 11.8815C10.6641 11.4187 10.3216 11.0944 9.87793 11.0944ZM10.002 6.49963C9.13845 6.49963 8.42913 6.89719 7.91699 7.48987L7.84961 7.56702L8.63672 8.28674L8.70801 8.21252C9.07514 7.83013 9.43641 7.63342 9.87012 7.63342C10.1627 7.63343 10.3835 7.69649 10.5283 7.80334C10.6688 7.907 10.748 8.0584 10.748 8.26331C10.748 8.40878 10.6691 8.54133 10.5244 8.6842C10.421 8.78638 10.2951 8.88274 10.1592 8.98792C10.1021 9.03208 10.0435 9.0785 9.9834 9.12659C9.58935 9.44212 9.17332 9.84701 9.2627 10.5162L9.27441 10.608H10.4922L10.4785 10.4899C10.4514 10.2553 10.5217 10.0732 10.6494 9.90979C10.7809 9.74159 10.9693 9.59678 11.1758 9.44006L11.1992 9.42249C11.5931 9.12379 12.0498 8.77705 12.0498 8.16272C12.0498 7.61595 11.8301 7.19504 11.457 6.9137C11.0878 6.63531 10.5777 6.49968 10.002 6.49963ZM10.3828 10.2252C10.3721 10.2779 10.3673 10.3332 10.3672 10.3912C10.3673 10.3332 10.3721 10.2779 10.3828 10.2252ZM10.4336 10.0641C10.4134 10.111 10.3981 10.1602 10.3867 10.2115C10.3981 10.1602 10.4134 10.111 10.4336 10.0641ZM10.4404 10.0504C10.4547 10.0188 10.4714 9.98849 10.4893 9.95862C10.4714 9.98849 10.4547 10.0188 10.4404 10.0504ZM10.4893 9.95862C10.5055 9.93135 10.5241 9.90551 10.543 9.87952C10.5241 9.90551 10.5055 9.93135 10.4893 9.95862ZM10.543 9.87952C10.5566 9.8608 10.5701 9.84199 10.585 9.82385C10.5701 9.84199 10.5566 9.8608 10.543 9.87952ZM10.585 9.82385C10.6084 9.79521 10.6331 9.76726 10.6592 9.73987C10.6331 9.76726 10.6084 9.79521 10.585 9.82385ZM10.6592 9.73987C10.6721 9.72627 10.6847 9.71219 10.6982 9.69885C10.6847 9.71219 10.6721 9.72627 10.6592 9.73987ZM10.8125 9.59338C10.9093 9.50984 11.0149 9.42984 11.1211 9.34924C11.0149 9.42985 10.9093 9.50984 10.8125 9.59338ZM10.373 10.5026C10.3689 10.4671 10.3674 10.4325 10.3672 10.399C10.3675 10.4325 10.3689 10.4671 10.373 10.5026ZM10.6982 9.69885C10.7346 9.66299 10.7727 9.62774 10.8125 9.59338C10.7727 9.62774 10.7346 9.66299 10.6982 9.69885Z"/></svg>;
}

const IconInformationCollection = React.forwardRef(IconInformationCollectionComponent);
export default IconInformationCollection;
