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

function IconProjectFillComponent(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-project-fill${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 24 24" {...rest} ref={ref}><g><path d="m12.48 1.622 9.716 5.3a.5.5 0 0 1 0 .878l-9.717 5.3a1 1 0 0 1-.958 0L1.805 7.8a.5.5 0 0 1 0-.878l9.716-5.3a1 1 0 0 1 .959 0Zm-9.586 9.32.071.034L12 15.73l9.035-4.755a1 1 0 0 1 .931 1.77l-9.495 4.996a.984.984 0 0 1-.058.03l-.05.022-.088.028-.04.011-.067.014-.086.011-.064.002h-.054l-.094-.007-.054-.009-.072-.016-.07-.022-.071-.027-.073-.035-9.495-4.998a1 1 0 0 1 .861-1.804h-.002Zm-.862 6.304 9.497 4.997.073.036.072.028.069.02.072.017.054.009.094.007h.054l.065-.002.085-.01.068-.015.039-.01.087-.03.051-.022a.92.92 0 0 0 .058-.027l9.495-4.998a1 1 0 0 0-.931-1.77L12 20.23l-9.034-4.755-.07-.033a1 1 0 0 0-.864 1.803Z"/></g></svg>;
}

const IconProjectFill = React.forwardRef(IconProjectFillComponent);
export default IconProjectFill;
