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

function IconVideoFastForward10sComponent(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-video-fast-forward10s${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="M1.9 10a8.1 8.1 0 0 1 13.827-5.728c.358.358.917.965 1.378 1.474.233.256.444.49.596.661l.18.203c.022.024.04.042.05.055l.013.015.003.004h.001a.6.6 0 1 1-.897.797l-.004-.004-.013-.014c-.01-.013-.027-.031-.048-.055l-.18-.2c-.15-.17-.36-.402-.59-.656a48.375 48.375 0 0 0-1.337-1.43 6.9 6.9 0 1 0 0 9.758.6.6 0 0 1 .848.848A8.1 8.1 0 0 1 1.9 10Z"/><path d="M16.9 4.333a.6.6 0 1 1 1.2 0v2.75a.6.6 0 0 1-.6.6h-2.75a.6.6 0 1 1 0-1.2h2.15v-2.15Zm-7.687 6.301c0-1.038.175-1.848.523-2.43.353-.588.96-.882 1.817-.882.858 0 1.461.294 1.81.882.354.582.53 1.392.53 2.43 0 1.05-.177 1.872-.53 2.466-.348.588-.951.882-1.81.882-.858 0-1.464-.294-1.818-.882-.348-.594-.521-1.416-.521-2.466Zm3.673 0a6.52 6.52 0 0 0-.1-1.233c-.06-.336-.185-.609-.377-.819-.193-.216-.478-.324-.856-.324s-.663.108-.855.324c-.191.21-.32.483-.386.819-.06.336-.09.747-.09 1.233 0 .504.03.927.09 1.269.06.342.186.618.378.828.197.21.486.315.864.315.377 0 .662-.105.854-.315.199-.21.328-.486.388-.828.06-.342.09-.765.09-1.269ZM5.905 8.375v-.936h1.872V14H6.742V8.375h-.837Z"/></svg>;
}

const IconVideoFastForward10s = React.forwardRef(IconVideoFastForward10sComponent);
export default IconVideoFastForward10s;
