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

function IconSystemAnnouncementComponent(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-system_announcement${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 20 20" {...rest} ref={ref}><path d="M14.6 2.6a3.3 3.3 0 0 1 3.3 3.3v8.2a3.3 3.3 0 0 1-3.3 3.3H5.4a3.3 3.3 0 0 1-3.3-3.3V5.9a3.3 3.3 0 0 1 3.3-3.3h9.2Zm-8.1 8.613a.9.9 0 0 0 0 1.8h4a.9.9 0 0 0 0-1.8h-4Zm0-3.8a.9.9 0 1 0 0 1.8h7a.9.9 0 0 0 0-1.8h-7Z"/></svg>;
}

const IconSystemAnnouncement = React.forwardRef(IconSystemAnnouncementComponent);
export default IconSystemAnnouncement;
