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

function IconVideoDefaultColorComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
    const { prefix: prefixFromContext } = useContext(Context);
    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = false, spin, ...rest } = props;

    const prefix = prefixFromProps || prefixFromContext || 'font';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-video_default_color${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M21.8604 1.3335L28 7.47314V25.9038C28 27.5709 28.0002 28.4048 27.6758 29.0415C27.3904 29.6015 26.935 30.0569 26.375 30.3423C25.7383 30.6667 24.9044 30.6665 23.2373 30.6665H8.7627C7.09563 30.6665 6.26175 30.6667 5.625 30.3423C5.06503 30.0569 4.60956 29.6015 4.32422 29.0415C3.99982 28.4048 4 27.5709 4 25.9038V6.09619C4 4.42912 3.99978 3.59524 4.32422 2.9585C4.60959 2.39852 5.06502 1.94308 5.625 1.65771C6.26175 1.33328 7.09563 1.3335 8.7627 1.3335H21.8604Z" fill={useCurrentColor ? 'currentColor' : '#D4ABE6'}/><path d="M24.2412 7.47314C23.408 7.47314 22.9912 7.47314 22.6729 7.31104C22.3929 7.16841 22.1652 6.94052 22.0225 6.66064C21.8602 6.34226 21.8604 5.92488 21.8604 5.09131L21.8604 1.3335L28 7.47314L24.2412 7.47314Z" fill={useCurrentColor ? 'currentColor' : '#fff'} fillOpacity=".5"/><path fillRule="evenodd" clipRule="evenodd" d="M15.9993 11.6179C18.3745 11.6179 19.5627 11.6176 20.4473 12.1283C21.0267 12.4629 21.5072 12.9447 21.8418 13.5242C22.3525 14.4087 22.3535 15.5959 22.3535 17.9708C22.3535 20.346 22.3525 21.5341 21.8418 22.4187C21.5073 22.9979 21.0265 23.4787 20.4473 23.8132C19.5627 24.3239 18.3745 24.325 15.9993 24.325C13.6245 24.325 12.4373 24.3239 11.5527 23.8132C10.9733 23.4787 10.4915 22.9982 10.1569 22.4187C9.64621 21.5341 9.64648 20.3459 9.64648 17.9708C9.64648 15.5962 9.64641 14.4087 10.1569 13.5242C10.4915 12.9447 10.9732 12.4629 11.5527 12.1283C12.4372 11.6178 13.6248 11.6179 15.9993 11.6179ZM14.8952 15.5906C14.5896 15.4141 14.2066 15.6349 14.2064 15.9877V19.9591C14.2064 20.312 14.5895 20.5327 14.8952 20.3562L18.334 18.3705C18.6394 18.194 18.6394 17.7528 18.334 17.5763L14.8952 15.5906Z" fill={useCurrentColor ? 'currentColor' : '#fff'}/></svg>;
}

const IconVideoDefaultColor = React.forwardRef(IconVideoDefaultColorComponent);
export default IconVideoDefaultColor;
