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

function IconCalendar1Component(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 || 'hiagent';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-calendar_1${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 16 16" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M4.99992 1C5.18402 1 5.33325 1.14924 5.33325 1.33333V2H10.6666V1.33333C10.6666 1.14924 10.8158 1 10.9999 1H11.6666C11.8507 1 11.9999 1.14924 11.9999 1.33333V2H13.9999C14.3681 2 14.6666 2.31506 14.6666 2.7037V13.963C14.6666 14.3516 14.3681 14.6667 13.9999 14.6667H1.99992C1.63173 14.6667 1.33325 14.3516 1.33325 13.963V2.7037C1.33325 2.31506 1.63173 2 1.99992 2H3.99958L3.99992 1.33333C3.99992 1.14924 4.14915 1 4.33325 1H4.99992ZM13.3333 8H2.66659V13.3333H13.3333V8ZM3.99958 3.33333H2.66659V6.66667H13.3333V3.33333H11.9999V4C11.9999 4.1841 11.8507 4.33333 11.6666 4.33333H10.9999C10.8158 4.33333 10.6666 4.1841 10.6666 4V3.33333H5.33325V4C5.33325 4.1841 5.18402 4.33333 4.99992 4.33333H4.33325C4.14915 4.33333 3.99992 4.1841 3.99992 4L3.99958 3.33333Z"/></svg>;
}

const IconCalendar1 = React.forwardRef(IconCalendar1Component);
export default IconCalendar1;
