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

function IconThumbDownComponent(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-thumb-down${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 48 48" {...rest} ref={ref}><path d="M36.001 5v26h-4.015l-8.802 11.442a3 3 0 0 1-4.033.674l-.125-.088-2.537-1.869a8 8 0 0 1-2.724-9.299l.329-.86H7.736c-2.707 0-4.633-2.633-3.812-5.213l5.95-18.696A3.001 3.001 0 0 1 12.731 5h23.27ZM7.736 27h12.171L17.5 33.29a4 4 0 0 0 1.363 4.65l1.747 1.287L30.016 27H32V9H13.463L7.736 27ZM43 5v26h-4V5h4Z"/></svg>;
}

const IconThumbDown = React.forwardRef(IconThumbDownComponent);
export default IconThumbDown;
