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

function IconFlagAltComponent(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-flag-alt${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 18 18" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><g clipPath="url(#svg_52d97b13df__clip0_450_21656)"><path fillRule="evenodd" clipRule="evenodd" d="M3.375 16.0193C3.375 16.1864 3.3576 16.247 3.32491 16.3082C3.29223 16.3693 3.24427 16.4172 3.18316 16.4499C3.12205 16.4826 3.06143 16.5 2.89427 16.5H2.35573C2.18857 16.5 2.12795 16.4826 2.06684 16.4499C2.00573 16.4172 1.95777 16.3693 1.92509 16.3082C1.8924 16.247 1.875 16.1864 1.875 16.0193V1.98073C1.875 1.81357 1.8924 1.75295 1.92509 1.69184C1.95777 1.63073 2.00573 1.58277 2.06684 1.55009C2.12795 1.5174 2.18857 1.5 2.35573 1.5H2.89427C3.06143 1.5 3.12205 1.5174 3.18316 1.55009C3.24427 1.58277 3.29223 1.63073 3.32491 1.69184C3.3576 1.75295 3.375 1.81357 3.375 1.98073V2.25H10.6635C10.9979 2.25 11.1191 2.28481 11.2413 2.35017C11.3635 2.41554 11.4595 2.51146 11.5248 2.63368C11.5902 2.75591 11.625 2.87714 11.625 3.21146V5.25H15.1635C15.4979 5.25 15.6191 5.28481 15.7413 5.35017C15.8635 5.41554 15.9595 5.51146 16.0248 5.63368C16.0902 5.75591 16.125 5.87714 16.125 6.21146V12.5385C16.125 12.8729 16.0902 12.9941 16.0248 13.1163C15.9595 13.2385 15.8635 13.3345 15.7413 13.3998C15.6191 13.4652 15.4979 13.5 15.1635 13.5H7.33646C7.00214 13.5 6.88091 13.4652 6.75868 13.3998C6.63646 13.3345 6.54054 13.2385 6.47517 13.1163C6.41484 13.0035 6.38054 12.8915 6.37562 12.612L6.375 10.5H3.375V16.0193ZM14.625 6.75H11.625V9.53854C11.625 9.87286 11.5902 9.99409 11.5248 10.1163C11.4595 10.2385 11.3635 10.3345 11.2413 10.3998C11.1191 10.4652 10.9979 10.5 10.6635 10.5H7.87462L7.875 12H14.625V6.75ZM3.375 3.75H10.125V9H3.375V3.75Z"/></g><defs><clipPath id="svg_52d97b13df__clip0_450_21656"><path d="M0 0H18V18H0z"/></clipPath></defs></svg>;
}

const IconFlagAlt = React.forwardRef(IconFlagAltComponent);
export default IconFlagAlt;
