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

function IconDeleteLineComponent(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-delete-line${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 16 16" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M6.737 1.59113C6.03744 1.59113 5.47034 2.15823 5.47034 2.85779V3.52212H3.00002C2.66865 3.52212 2.40002 3.79074 2.40002 4.12212C2.40002 4.45349 2.66865 4.72212 3.00002 4.72212H3.47017V12.2077C3.47017 13.4227 4.45515 14.4077 5.67017 14.4077H10.4702C11.6852 14.4077 12.6702 13.4227 12.6702 12.2077V4.72212H13C13.3314 4.72212 13.6 4.45349 13.6 4.12212C13.6 3.79074 13.3314 3.52212 13 3.52212H10.6703V2.85779C10.6703 2.15823 10.1032 1.59113 9.40367 1.59113H6.737ZM9.47034 3.52212V2.85779C9.47034 2.82097 9.44049 2.79113 9.40367 2.79113H6.737C6.70018 2.79113 6.67034 2.82097 6.67034 2.85779V3.52212H9.47034ZM4.67017 4.72212H11.4702V12.2077C11.4702 12.7599 11.0225 13.2077 10.4702 13.2077H5.67017C5.11789 13.2077 4.67017 12.7599 4.67017 12.2077V4.72212ZM6.737 7.06639C7.06837 7.06639 7.337 7.33501 7.337 7.66639V10.3331C7.337 10.6644 7.06837 10.9331 6.737 10.9331C6.40563 10.9331 6.137 10.6644 6.137 10.3331V7.66639C6.137 7.33501 6.40563 7.06639 6.737 7.06639ZM10.0037 7.66639C10.0037 7.33501 9.73504 7.06639 9.40367 7.06639C9.0723 7.06639 8.80367 7.33501 8.80367 7.66639V10.3331C8.80367 10.6644 9.0723 10.9331 9.40367 10.9331C9.73504 10.9331 10.0037 10.6644 10.0037 10.3331V7.66639Z"/></svg>;
}

const IconDeleteLine = React.forwardRef(IconDeleteLineComponent);
export default IconDeleteLine;
