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

function IconDataCleanComponent(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-data_clean${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 20 20" fill={useCurrentColor ? 'currentColor' : 'none'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><rect width="20" height="20" rx="6" fill={useCurrentColor ? 'currentColor' : '#6A77DB'}/><path d="M5.33325 10.1914C5.33325 11.4911 5.84363 12.6717 6.675 13.5435 7.13013 14.0208 7.68153 14.4056 8.29796 14.6667M15.0497 10.1914C15.0497 11.4911 14.5393 12.6717 13.708 13.5435 13.2528 14.0208 12.7015 14.4056 12.085 14.6667M6.67529 6.83901C7.5601 5.91119 8.80836 5.33301 10.1917 5.33301 11.575 5.33301 12.8233 5.91119 13.708 6.83901" stroke="#fff" strokeWidth="1.8" strokeLinecap="round"/><path d="M10.1915 11.5788C10.9581 11.5788 11.5795 10.9573 11.5795 10.1908C11.5795 9.42417 10.9581 8.80273 10.1915 8.80273C9.42491 8.80273 8.80347 9.42417 8.80347 10.1908C8.80347 10.9573 9.42491 11.5788 10.1915 11.5788Z" fill={useCurrentColor ? 'currentColor' : '#fff'}/></svg>;
}

const IconDataClean = React.forwardRef(IconDataCleanComponent);
export default IconDataClean;
