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

function IconMultipleComponent(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-multiple${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 16 16" fill={useCurrentColor ? 'currentColor' : 'none'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M1.33325 1.86671C1.33325 1.57216 1.57203 1.33337 1.86659 1.33337H6.79992C7.09447 1.33337 7.33325 1.57216 7.33325 1.86671V6.80004C7.33325 7.09459 7.09447 7.33337 6.79992 7.33337H1.86659C1.57203 7.33337 1.33325 7.09459 1.33325 6.80004V1.86671Z" fill={useCurrentColor ? 'currentColor' : '#007AFF'}/><path d="M8.66675 9.19996C8.66675 8.90541 8.90553 8.66663 9.20008 8.66663H14.1335C14.428 8.66663 14.6668 8.90541 14.6668 9.19996V14.1333C14.6668 14.4279 14.428 14.6667 14.1335 14.6667H9.20008C8.90553 14.6667 8.66675 14.4279 8.66675 14.1333V9.19996Z" fill={useCurrentColor ? 'currentColor' : '#AF52DE'}/><path d="M1.36272 11.8979C1.15444 11.6896 1.15444 11.3519 1.36272 11.1436L3.98553 8.52082C4.19381 8.31254 4.53149 8.31254 4.73977 8.52082L7.36258 11.1436C7.57086 11.3519 7.57086 11.6896 7.36258 11.8979L4.73977 14.5207C4.53149 14.729 4.19381 14.729 3.98553 14.5207L1.36272 11.8979Z" fill={useCurrentColor ? 'currentColor' : '#5856D6'}/><path d="M14.6668 4.33339C14.6668 5.99026 13.3236 7.33341 11.6668 7.33341C10.0099 7.33341 8.66675 5.99026 8.66675 4.33339C8.66675 2.67653 10.0099 1.33337 11.6668 1.33337C13.3236 1.33337 14.6668 2.67653 14.6668 4.33339Z" fill={useCurrentColor ? 'currentColor' : '#34C759'}/></svg>;
}

const IconMultiple = React.forwardRef(IconMultipleComponent);
export default IconMultiple;
