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

function IconRecordStopComponent(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 || 'hkgai';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-RecordStop${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 22 22" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M11 0.875C8.99747 0.875 7.0399 1.46882 5.37486 2.58137C3.70981 3.69392 2.41206 5.27523 1.64572 7.12533C0.879387 8.97543 0.678878 11.0112 1.06955 12.9753C1.46023 14.9393 2.42454 16.7435 3.84055 18.1595C5.25656 19.5755 7.06066 20.5398 9.02471 20.9305C10.9888 21.3211 13.0246 21.1206 14.8747 20.3543C16.7248 19.5879 18.3061 18.2902 19.4186 16.6251C20.5312 14.9601 21.125 13.0025 21.125 11C21.122 8.3156 20.0543 5.74199 18.1562 3.84383C16.258 1.94567 13.6844 0.877978 11 0.875ZM11 18.875C9.44248 18.875 7.91993 18.4131 6.62489 17.5478C5.32985 16.6825 4.32049 15.4526 3.72445 14.0136C3.12841 12.5747 2.97246 10.9913 3.27632 9.46366C3.58018 7.93606 4.3302 6.53287 5.43154 5.43153C6.53288 4.3302 7.93607 3.58017 9.46367 3.27632C10.9913 2.97246 12.5747 3.12841 14.0136 3.72445C15.4526 4.32049 16.6825 5.32985 17.5478 6.62488C18.4131 7.91992 18.875 9.44247 18.875 11C18.8728 13.0879 18.0424 15.0896 16.566 16.566C15.0896 18.0424 13.0879 18.8728 11 18.875ZM14.75 8.375V13.625C14.75 13.9234 14.6315 14.2095 14.4205 14.4205C14.2095 14.6315 13.9234 14.75 13.625 14.75H8.375C8.07664 14.75 7.79049 14.6315 7.57951 14.4205C7.36853 14.2095 7.25 13.9234 7.25 13.625V8.375C7.25 8.07663 7.36853 7.79048 7.57951 7.5795C7.79049 7.36853 8.07664 7.25 8.375 7.25H13.625C13.9234 7.25 14.2095 7.36853 14.4205 7.5795C14.6315 7.79048 14.75 8.07663 14.75 8.375Z"/></svg>;
}

const IconRecordStop = React.forwardRef(IconRecordStopComponent);
export default IconRecordStop;
