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

function IconVideoRewind10sComponent(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-rewind10s${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="M16.9 10A6.9 6.9 0 0 0 5.121 5.121c-.333.334-.873.92-1.337 1.43-.23.255-.44.488-.59.657l-.18.2-.048.055-.013.014-.004.003v.001a.6.6 0 0 1-.897-.796v-.001l.004-.004.012-.015c.012-.013.029-.03.05-.055l.18-.203c.153-.17.364-.405.597-.66a49.298 49.298 0 0 1 1.377-1.475A8.1 8.1 0 0 1 18.1 10a8.1 8.1 0 0 1-13.827 5.727.6.6 0 0 1 .85-.848A6.9 6.9 0 0 0 16.901 10Z"/><path d="M1.9 4.75a.6.6 0 1 1 1.2 0v1.733h1.733a.6.6 0 1 1 0 1.2H2.5a.6.6 0 0 1-.6-.6V4.75Zm7.313 5.884c0-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 IconVideoRewind10s = React.forwardRef(IconVideoRewind10sComponent);
export default IconVideoRewind10s;
