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

function IconStop1Component(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-stop_1${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 d="M6.25 1.75C6.52614 1.75 6.75 1.97386 6.75 2.25V13.75C6.75 14.0261 6.52614 14.25 6.25 14.25H3.5C3.22386 14.25 3 14.0261 3 13.75V2.25C3 1.97386 3.22386 1.75 3.5 1.75H6.25ZM12.5 1.75C12.7761 1.75 13 1.97386 13 2.25V13.75C13 14.0261 12.7761 14.25 12.5 14.25H9.75C9.47386 14.25 9.25 14.0261 9.25 13.75V2.25C9.25 1.97386 9.47386 1.75 9.75 1.75H12.5Z"/></svg>;
}

const IconStop1 = React.forwardRef(IconStop1Component);
export default IconStop1;
