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

function IconDataDatasetComponent(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-data_dataset${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 20 20" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path opacity=".5" d="M9.83435 7.63878C13.5834 7.63878 16.6225 6.2309 16.6225 4.49419C16.6225 2.75749 13.5834 1.34961 9.83435 1.34961C6.08535 1.34961 3.04619 2.75749 3.04619 4.49419C3.04619 6.2309 6.08535 7.63878 9.83435 7.63878Z"/><path fillRule="evenodd" clipRule="evenodd" d="M3.04608 4.49463V9.58688C3.08331 11.3072 6.10559 12.6965 9.82796 12.6965C13.5503 12.6965 16.5723 11.3072 16.6095 9.58688L16.6098 9.55475V4.68542C16.397 6.3333 13.4448 7.63921 9.83412 7.63921C6.08518 7.63921 3.04608 6.23134 3.04608 4.49463ZM3.04608 10.4484V15.5407C3.08331 17.261 6.10559 18.6503 9.82796 18.6503C13.5503 18.6503 16.5723 17.261 16.6095 15.5407L16.6098 15.5085V10.6392C16.397 12.287 13.4448 13.593 9.83412 13.593C6.08518 13.593 3.04608 12.1851 3.04608 10.4484Z"/></svg>;
}

const IconDataDataset = React.forwardRef(IconDataDatasetComponent);
export default IconDataDataset;
