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

function IconScaleUpComponent(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-ScaleUp${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M23 2C23 2.55229 22.5523 3 22 3 21.4477 3 21 2.55229 21 2 21 1.44771 21.4477 1 22 1 22.5523 1 23 1.44771 23 2zM12.6036 12.1092L14.4867 11.6526C15.1711 11.4867 15.1711 10.5133 14.4867 10.3474L12.6036 9.89075C12.3593 9.83151 12.1685 9.64073 12.1092 9.39639L11.6526 7.51328C11.497 6.87168 10.6318 6.83158 10.3876 7.39298 10.3713 7.43041 10.3578 7.47051 10.3474 7.51328L9.89075 9.39639C9.83521 9.62546 9.66406 9.80745 9.44155 9.87812 9.42672 9.88284 9.41166 9.88705 9.39639 9.89076L7.51328 10.3474C6.87168 10.503 6.83158 11.3682 7.39298 11.6124 7.43041 11.6287 7.47051 11.6422 7.51328 11.6526L9.39639 12.1092C9.61018 12.1611 9.78297 12.3136 9.86252 12.5146 9.87389 12.5434 9.88335 12.5731 9.89075 12.6036L10.3474 14.4867C10.5133 15.1711 11.4867 15.1711 11.6526 14.4867L12.1092 12.6036C12.1685 12.3593 12.3593 12.1685 12.6036 12.1092z"/><path fillRule="evenodd" clipRule="evenodd" d="M11 2C6.02944 2 2 6.02944 2 11C2 15.9706 6.02944 20 11 20C13.125 20 15.078 19.2635 16.6177 18.0319L21.2929 22.7071C21.6834 23.0976 22.3166 23.0976 22.7071 22.7071C23.0976 22.3166 23.0976 21.6834 22.7071 21.2929L18.0319 16.6177C19.2635 15.078 20 13.125 20 11C20 6.02944 15.9706 2 11 2ZM3.8 11C3.8 14.9764 7.02355 18.2 11 18.2C14.9764 18.2 18.2 14.9764 18.2 11C18.2 7.02355 14.9764 3.8 11 3.8C7.02355 3.8 3.8 7.02355 3.8 11Z"/><path d="M2 23C2.55228 23 3 22.5523 3 22C3 21.4477 2.55228 21 2 21C1.44772 21 1 21.4477 1 22C1 22.5523 1.44772 23 2 23Z"/></svg>;
}

const IconScaleUp = React.forwardRef(IconScaleUpComponent);
export default IconScaleUp;
