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

function IconMessageFilledComponent(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-Message_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 d="M5.60969 3.5843C7.37532 2.29784 9.54224 1.68411 11.7202 1.85392C13.8983 2.02384 15.9448 2.96596 17.4897 4.51082C19.0345 6.05568 19.9766 8.10212 20.1466 10.2803C20.3164 12.4583 19.7026 14.6251 18.4162 16.3908C17.1296 18.1565 15.2547 19.405 13.1292 19.9106C11.1326 20.3856 9.03869 20.1754 7.18074 19.3216L2.12833 21.035C1.79791 21.147 1.4324 21.0615 1.1857 20.8148C0.939017 20.5681 0.853482 20.2026 0.965484 19.8721L2.67797 14.8188C1.82465 12.9612 1.61493 10.8674 2.08983 8.87125C2.5955 6.7458 3.84393 4.8709 5.60969 3.5843ZM11.5779 3.68188C9.83547 3.54598 8.10182 4.03666 6.68928 5.06583C5.27668 6.0951 4.27757 7.59521 3.87304 9.29557C3.46855 10.9959 3.68496 12.7848 4.48266 14.3399C4.59582 14.5605 4.61501 14.8177 4.53547 15.0525L3.29833 18.7012L6.94799 17.465C7.15348 17.3954 7.37619 17.401 7.57641 17.4793L7.66055 17.5178L7.95507 17.6601C9.43916 18.3397 11.1109 18.5066 12.7049 18.1274C14.4053 17.7229 15.9054 16.7238 16.9346 15.3112C17.9638 13.8986 18.4545 12.165 18.3186 10.4226C18.1827 8.68008 17.4293 7.04293 16.1934 5.80704C14.9575 4.57116 13.3204 3.81782 11.5779 3.68188Z"/><path d="M11.5779 3.68188C9.83547 3.54598 8.10182 4.03666 6.68928 5.06583C5.27668 6.0951 4.27757 7.59521 3.87304 9.29557C3.46855 10.9959 3.68496 12.7848 4.48266 14.3399C4.59582 14.5605 4.61501 14.8177 4.53547 15.0525L3.29833 18.7012L6.94799 17.465C7.15348 17.3954 7.37619 17.401 7.57641 17.4793L7.66055 17.5178L7.95507 17.6601C9.43916 18.3397 11.1109 18.5066 12.7049 18.1274C14.4053 17.7229 15.9054 16.7238 16.9346 15.3112C17.9638 13.8986 18.4545 12.165 18.3186 10.4226C18.1827 8.68008 17.4293 7.04293 16.1934 5.80704C14.9575 4.57116 13.3204 3.81782 11.5779 3.68188Z"/></svg>;
}

const IconMessageFilled = React.forwardRef(IconMessageFilledComponent);
export default IconMessageFilled;
