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

function IconDeleteFillComponent(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-fill${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 12 12" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M7.4625 1.125C7.73174 1.125 7.95 1.34326 7.95 1.6125L7.94976 2.09976L10.5625 2.1C10.6712 2.1 10.7106 2.11131 10.7503 2.13256C10.79 2.1538 10.8212 2.18497 10.8424 2.2247C10.8637 2.26442 10.875 2.30382 10.875 2.41247V2.76253C10.875 2.87118 10.8637 2.91058 10.8424 2.9503C10.8212 2.99003 10.79 3.0212 10.7503 3.04244C10.7106 3.06369 10.6712 3.075 10.5625 3.075L9.89976 3.07476L9.9 10.3875C9.9 10.6567 9.68174 10.875 9.4125 10.875H2.5875C2.31826 10.875 2.1 10.6567 2.1 10.3875L2.09976 3.07476L1.43747 3.075C1.32882 3.075 1.28942 3.06369 1.2497 3.04244C1.20997 3.0212 1.1788 2.99003 1.15756 2.9503C1.13631 2.91058 1.125 2.87118 1.125 2.76253V2.41247C1.125 2.30382 1.13631 2.26442 1.15756 2.2247C1.1788 2.18497 1.20997 2.1538 1.2497 2.13256C1.28942 2.11131 1.32882 2.1 1.43747 2.1L4.04976 2.09976L4.05 1.6125C4.05 1.34326 4.26826 1.125 4.5375 1.125H7.4625ZM5.26875 4.5375C5.40337 4.5375 5.5125 4.64663 5.5125 4.78125V8.19375C5.5125 8.32837 5.40337 8.4375 5.26875 8.4375H4.78125C4.64663 8.4375 4.5375 8.32837 4.5375 8.19375V4.78125C4.5375 4.64663 4.64663 4.5375 4.78125 4.5375H5.26875ZM7.21875 4.5375C7.35337 4.5375 7.4625 4.64663 7.4625 4.78125V8.19375C7.4625 8.32837 7.35337 8.4375 7.21875 8.4375H6.73125C6.59663 8.4375 6.4875 8.32837 6.4875 8.19375V4.78125C6.4875 4.64663 6.59663 4.5375 6.73125 4.5375H7.21875Z"/></svg>;
}

const IconDeleteFill = React.forwardRef(IconDeleteFillComponent);
export default IconDeleteFill;
