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

function IconCalendarGoComponent(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-CalendarGo${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 15 16" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M7.7819 1.69873C6.63024 1.69873 5.50444 2.05047 4.54686 2.70946C3.58929 3.36845 2.84295 4.30509 2.40223 5.40095C1.96151 6.49682 1.84619 7.70267 2.07087 8.86603C2.29555 10.0294 2.85013 11.098 3.66448 11.9367C4.47883 12.7755 5.51637 13.3467 6.64591 13.5781C7.77544 13.8095 8.94624 13.6907 10.0102 13.2368C11.0742 12.7829 11.9837 12.0142 12.6235 11.0279C13.2633 10.0417 13.6048 8.88217 13.6048 7.69602C13.6032 6.10595 12.9892 4.58149 11.8975 3.45715C10.8059 2.3328 9.32574 1.70041 7.7819 1.69873ZM7.7819 12.7706C6.80742 12.7706 5.85482 12.473 5.04456 11.9154C4.23431 11.3578 3.60279 10.5653 3.22987 9.63799C2.85695 8.71073 2.75938 7.69039 2.94949 6.70601C3.13961 5.72162 3.60886 4.81741 4.29793 4.10771C4.98699 3.39801 5.86492 2.9147 6.82068 2.7189C7.77644 2.52309 8.76711 2.62359 9.66742 3.00767C10.5677 3.39176 11.3372 4.04219 11.8786 4.8767C12.42 5.71122 12.709 6.69235 12.709 7.69602C12.7075 9.04142 12.1879 10.3313 11.2642 11.2826C10.3406 12.234 9.08819 12.7691 7.7819 12.7706ZM9.44255 7.36963C9.4842 7.41247 9.51724 7.46335 9.53978 7.51935C9.56232 7.57536 9.57392 7.63539 9.57392 7.69602C9.57392 7.75664 9.56232 7.81667 9.53978 7.87268C9.51724 7.92868 9.4842 7.97956 9.44255 8.02241L7.20297 10.3291C7.16136 10.3719 7.11195 10.4059 7.05758 10.4291C7.0032 10.4523 6.94492 10.4643 6.88607 10.4643C6.82722 10.4643 6.76894 10.4523 6.71456 10.4291C6.66019 10.4059 6.61079 10.3719 6.56917 10.3291C6.52755 10.2862 6.49454 10.2353 6.47202 10.1793C6.4495 10.1233 6.4379 10.0633 6.4379 10.0027C6.4379 9.94205 6.4495 9.88203 6.47202 9.82602C6.49454 9.77002 6.52755 9.71914 6.56917 9.67627L8.49241 7.69602L6.56917 5.71576C6.48512 5.62919 6.4379 5.51179 6.4379 5.38937C6.4379 5.26695 6.48512 5.14954 6.56917 5.06298C6.65322 4.97641 6.76721 4.92778 6.88607 4.92778C7.00493 4.92778 7.11892 4.97641 7.20297 5.06298L9.44255 7.36963Z" fillOpacity="1"/></svg>;
}

const IconCalendarGo = React.forwardRef(IconCalendarGoComponent);
export default IconCalendarGo;
