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

function IconPublishVersionComponent(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-publish_version${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 16 16" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M12.5043 2.30925C12.8062 2.09244 13.2273 2.09309 13.5317 2.33659C13.7921 2.54524 13.8961 2.87581 13.8295 3.18132L13.8276 3.27409L12.8618 12.9284C12.7965 13.5779 12.1181 13.9569 11.5414 13.7067L11.4282 13.6481L9.06293 12.2292L8.99066 12.1813C8.64554 11.9235 8.54555 11.4405 8.77191 11.0632C8.9984 10.686 9.47096 10.548 9.86078 10.7311L9.93793 10.7721L11.2875 11.5817L11.8676 5.77702L7.85004 10.7995V13.5007L7.84613 13.5876C7.80244 14.0159 7.44022 14.3501 7.00043 14.3503C6.56049 14.3503 6.19847 14.016 6.15473 13.5876L6.15082 13.5007V10.5358L6.16449 10.3757C6.19147 10.218 6.25782 10.0684 6.35883 9.94206L9.67133 5.79948L4.63617 8.56999L4.97211 8.79362L5.04145 8.84538C5.37367 9.1194 5.45151 9.60626 5.20746 9.97234C4.96345 10.338 4.48449 10.4535 4.10395 10.2526L4.02875 10.2077L2.66645 9.29948C2.07329 8.90405 2.11035 8.02016 2.73481 7.67644L12.4243 2.34734L12.5043 2.30925Z"/></svg>;
}

const IconPublishVersion = React.forwardRef(IconPublishVersionComponent);
export default IconPublishVersion;
