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

function IconUnCheckboxComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
    const { prefix: prefixFromContext } = useContext(Context);
    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = false, spin, ...rest } = props;

    const prefix = prefixFromProps || prefixFromContext || 'hkgai';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-UnCheckbox${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M8.6 2H7.4C6.26339 2 5.47108 2.00078 4.85424 2.05118C4.24907 2.10062 3.90138 2.19279 3.63803 2.32698C3.07354 2.6146 2.6146 3.07354 2.32698 3.63803C2.19279 3.90138 2.10062 4.24907 2.05118 4.85424C2.00078 5.47108 2 6.26339 2 7.4V8.6C2 9.73661 2.00078 10.5289 2.05118 11.1458C2.10062 11.7509 2.19279 12.0986 2.32698 12.362C2.6146 12.9265 3.07354 13.3854 3.63803 13.673C3.90138 13.8072 4.24907 13.8994 4.85424 13.9488C5.47108 13.9992 6.26339 14 7.4 14H8.6C9.73661 14 10.5289 13.9992 11.1458 13.9488C11.7509 13.8994 12.0986 13.8072 12.362 13.673C12.9265 13.3854 13.3854 12.9265 13.673 12.362C13.8072 12.0986 13.8994 11.7509 13.9488 11.1458C13.9992 10.5289 14 9.73661 14 8.6V7.4C14 6.26339 13.9992 5.47108 13.9488 4.85424C13.8994 4.24907 13.8072 3.90138 13.673 3.63803C13.3854 3.07354 12.9265 2.6146 12.362 2.32698C12.0986 2.19279 11.7509 2.10062 11.1458 2.05118C10.5289 2.00078 9.73661 2 8.6 2ZM1.43597 3.18404C1 4.03968 1 5.15979 1 7.4V8.6C1 10.8402 1 11.9603 1.43597 12.816C1.81947 13.5686 2.43139 14.1805 3.18404 14.564C4.03968 15 5.15979 15 7.4 15H8.6C10.8402 15 11.9603 15 12.816 14.564C13.5686 14.1805 14.1805 13.5686 14.564 12.816C15 11.9603 15 10.8402 15 8.6V7.4C15 5.15979 15 4.03968 14.564 3.18404C14.1805 2.43139 13.5686 1.81947 12.816 1.43597C11.9603 1 10.8402 1 8.6 1H7.4C5.15979 1 4.03968 1 3.18404 1.43597C2.43139 1.81947 1.81947 2.43139 1.43597 3.18404Z" fill={useCurrentColor ? 'currentColor' : '#1C1C1C'} fillOpacity=".2"/></svg>;
}

const IconUnCheckbox = React.forwardRef(IconUnCheckboxComponent);
export default IconUnCheckbox;
