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

function IconCalendarFilledComponent(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 || 'font';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-Calendar_Filled${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 fillRule="evenodd" clipRule="evenodd" d="M20.1663 18.3332C20.1663 19.852 18.9351 21.0832 17.4163 21.0832H4.58301C3.06422 21.0832 1.83301 19.852 1.83301 18.3332V10.0832H3.66634H18.333H20.1663V18.3332ZM20.1663 8.24984H18.333H3.66634H1.83301V5.49984C1.83301 3.98105 3.06422 2.74984 4.58301 2.74984H6.41634V1.83317C6.41634 1.32691 6.82675 0.916504 7.33301 0.916504C7.83927 0.916504 8.24967 1.32691 8.24967 1.83317V2.74984H13.7497V1.83317C13.7497 1.32691 14.1601 0.916504 14.6663 0.916504C15.1726 0.916504 15.583 1.32691 15.583 1.83317V2.74984H17.4163C18.9351 2.74984 20.1663 3.98105 20.1663 5.49984V8.24984Z"/></svg>;
}

const IconCalendarFilled = React.forwardRef(IconCalendarFilledComponent);
export default IconCalendarFilled;
