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

function IconDataSetDetailComponent(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_set_detail${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}><rect width="16" height="16" rx="4" fill={useCurrentColor ? 'currentColor' : '#EAEDF1'}/><path d="M7.6768 10.6304C7.85523 10.7337 8.14453 10.7337 8.32297 10.6304L10.9769 9.0939L12.5429 10.0007C12.7214 10.1041 12.7214 10.2716 12.5429 10.3749L8.32297 12.8181C8.14453 12.9214 7.85523 12.9214 7.6768 12.8181L3.457 10.3746C3.27857 10.2713 3.27858 10.1038 3.45701 10.0004L5.02307 9.09375L7.6768 10.6304Z" fill={useCurrentColor ? 'currentColor' : '#5E6673'}/><path d="M7.6768 8.7751C7.85523 8.87842 8.14453 8.87843 8.32297 8.77512L11.2639 7.07244L12.5429 7.81309C12.7214 7.91642 12.7214 8.08392 12.5429 8.18723L8.32297 10.6305C8.14453 10.7338 7.85523 10.7338 7.6768 10.6304L3.457 8.18694C3.27857 8.08362 3.27858 7.91611 3.45701 7.8128L4.73608 7.07227L7.6768 8.7751Z" fill={useCurrentColor ? 'currentColor' : '#5E6673'} fillOpacity=".5"/><path d="M8.32297 8.77511C8.14453 8.87842 7.85523 8.87841 7.6768 8.77509L3.457 6.3316C3.27857 6.22828 3.27858 6.06077 3.45701 5.95746L7.67697 3.51424C7.85541 3.41093 8.1447 3.41094 8.32314 3.51426L12.5429 5.95775C12.7214 6.06108 12.7214 6.22858 12.5429 6.33189L8.32297 8.77511Z" fill={useCurrentColor ? 'currentColor' : '#5E6673'}/></svg>;
}

const IconDataSetDetail = React.forwardRef(IconDataSetDetailComponent);
export default IconDataSetDetail;
