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

function IconDataProductionComponent(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_production${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 d="M17.0533 10C18.0473 10 18.853 10.8058 18.8531 11.7998V14.7998C18.8531 16.567 17.421 17.9998 15.6538 18H4.34708C2.57976 18 1.14685 16.5671 1.14685 14.7998V11.7998C1.14696 10.8058 1.95263 10 2.94668 10H17.0533ZM8.07954 13.2002C7.78522 13.2005 7.54633 13.439 7.54633 13.7334C7.54637 14.0278 7.78524 14.2663 8.07954 14.2666H11.9204C12.2148 14.2664 12.4536 14.0278 12.4536 13.7334C12.4536 13.439 12.2148 13.2004 11.9204 13.2002H8.07954ZM15.4536 5.94629C16.4477 5.9464 17.2535 6.75303 17.2535 7.74707V8.51953C17.2535 8.62999 17.1637 8.71973 17.0533 8.71973H2.94668C2.83622 8.71973 2.74648 8.62999 2.74648 8.51953V7.74707C2.74648 6.75307 3.55234 5.94648 4.5463 5.94629H15.4536ZM13.5337 2C14.5277 2.00013 15.3334 2.80586 15.3335 3.7998V4.4668C15.3335 4.57719 15.2437 4.66699 15.1333 4.66699H4.86662C4.75624 4.66694 4.66649 4.57716 4.66642 4.4668V3.7998C4.66653 2.80594 5.47241 2.00026 6.46624 2H13.5337Z"/></svg>;
}

const IconDataProduction = React.forwardRef(IconDataProductionComponent);
export default IconDataProduction;
