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

function IconAccuracyComponent(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-Accuracy${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 18 18" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M16.125 7.5C16.3321 7.5 16.5 7.66789 16.5 7.875V15.75C16.5 16.1642 16.1642 16.5 15.75 16.5H7.875C7.66789 16.5 7.5 16.3321 7.5 16.125V15.375C7.5 15.1679 7.66789 15 7.875 15H15V7.875C15 7.66789 15.1679 7.5 15.375 7.5H16.125ZM13.125 1.5C13.5392 1.5 13.875 1.83579 13.875 2.25V13.125C13.875 13.5392 13.5392 13.875 13.125 13.875H2.25C1.83579 13.875 1.5 13.5392 1.5 13.125V2.25C1.5 1.83579 1.83579 1.5 2.25 1.5H13.125ZM12.375 3H3V12.375H12.375V3ZM10.2238 5.51516L10.7541 6.04549C10.9006 6.19194 10.9006 6.42938 10.7541 6.57582L7.04182 10.2881C6.89537 10.4346 6.65793 10.4346 6.51149 10.2881L4.39017 8.16682C4.24372 8.02037 4.24372 7.78293 4.39017 7.63649L4.9205 7.10615C5.06694 6.95971 5.30438 6.95971 5.45083 7.10615L6.77665 8.43198L9.69347 5.51516C9.83991 5.36872 10.0773 5.36872 10.2238 5.51516Z"/></svg>;
}

const IconAccuracy = React.forwardRef(IconAccuracyComponent);
export default IconAccuracy;
