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

function IconUatComponent(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-uat${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 174 61" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M156.713 6.24V59.2H143.753V6.24H156.713zM126.953 12V0H173.513V12H126.953zM88.5766 59.2H75.0566L96.1766 0H108.817L129.857 59.2H116.097L111.937 46.72H92.8166L88.5766 59.2zM100.817 23.2L96.5766 35.84H108.257L104.017 23.2C103.697 22.1867 103.377 21.1467 103.057 20.08 102.737 19.0133 102.523 18.1333 102.417 17.44 102.31 18.1333 102.097 19.0133 101.777 20.08 101.51 21.0933 101.19 22.1333 100.817 23.2zM22.2061 36.96V0H35.1661V36.08C35.1661 39.8133 36.1527 42.6667 38.1261 44.64 40.0994 46.6133 42.8994 47.6 46.5261 47.6 50.2061 47.6 53.0327 46.5867 55.0061 44.56 57.0327 42.5333 58.0461 39.7067 58.0461 36.08V0H71.0061V36.96C71.0061 41.6533 69.9927 45.7333 67.9661 49.2 65.9927 52.6667 63.1661 55.36 59.4861 57.28 55.8061 59.2 51.4861 60.16 46.5261 60.16 41.6194 60.16 37.3261 59.2267 33.6461 57.36 30.0194 55.44 27.1927 52.7467 25.1661 49.28 23.1927 45.76 22.2061 41.6533 22.2061 36.96zM7.36 60.2398C5.33333 60.2398 3.6 59.5464 2.16 58.1598.72 56.7198 0 55.0131 0 53.0398 0 51.0131.72 49.3064 2.16 47.9198 3.6 46.4798 5.33333 45.7598 7.36 45.7598 9.33333 45.7598 11.04 46.4798 12.48 47.9198 13.9733 49.3064 14.72 51.0131 14.72 53.0398 14.72 55.0131 13.9733 56.7198 12.48 58.1598 11.04 59.5464 9.33333 60.2398 7.36 60.2398z"/></svg>;
}

const IconUat = React.forwardRef(IconUatComponent);
export default IconUat;
