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

function IconHBookFilledComponent(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-H-Book-filled${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M10.7999 5.76513C9.53127 5.14692 8.10609 4.80005 6.5999 4.80005C5.09371 4.80005 3.66854 5.14692 2.3999 5.76513V17.7651C3.66854 17.1469 5.09371 16.8 6.5999 16.8C8.60223 16.8 10.4614 17.4131 11.9999 18.4617C13.5384 17.4131 15.3976 16.8 17.3999 16.8C18.9061 16.8 20.3313 17.1469 21.5999 17.7651V5.76513C20.3313 5.14692 18.9061 4.80005 17.3999 4.80005C15.8937 4.80005 14.4685 5.14692 13.1999 5.76513V14.4C13.1999 15.0628 12.6626 15.6 11.9999 15.6C11.3372 15.6 10.7999 15.0628 10.7999 14.4V5.76513Z"/></svg>;
}

const IconHBookFilled = React.forwardRef(IconHBookFilledComponent);
export default IconHBookFilled;
