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

function IconSoundComponent(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-Sound${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 49 48" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M25.3137 5.17304C26.0352 5.49437 26.5 6.21022 26.5 7.00004V41C26.5 41.7899 26.0352 42.5057 25.3137 42.827 24.5922 43.1484 23.7491 43.015 23.1621 42.4866L14.0178 34.2567C13.8341 34.0915 13.5958 34 13.3488 34H6.5C5.39543 34 4.5 33.1046 4.5 32V16C4.5 14.8955 5.39543 14 6.5 14H13.3488C13.5958 14 13.8341 13.9086 14.0178 13.7433L23.1621 5.51345C23.7491 4.98509 24.5922 4.85171 25.3137 5.17304zM22.5 13.7361C22.5 12.8704 21.4746 12.4137 20.831 12.9928L15.8379 17.4866C15.4707 17.8172 14.9941 18 14.5 18H9.5C8.94772 18 8.5 18.4478 8.5 19V29C8.5 29.5523 8.94772 30 9.5 30H14.5C14.9941 30 15.4707 30.1829 15.8379 30.5134L20.831 35.0072C21.4746 35.5864 22.5 35.1297 22.5 34.2639V13.7361zM36.5207 36.0203C36.1302 35.6298 36.1334 34.9981 36.4991 34.5842 41.8335 28.5486 41.8335 19.4505 36.4991 13.4148 36.1334 13.001 36.1302 12.3693 36.5207 11.9787L37.935 10.5645C38.3255 10.174 38.9609 10.1725 39.3317 10.5818 46.2226 18.1864 46.2226 29.8127 39.3317 37.4173 38.9609 37.8265 38.3255 37.8251 37.935 37.4345L36.5207 36.0203zM30.8638 30.3635C30.4733 29.973 30.4795 29.3429 30.8189 28.9071 33.0603 26.0286 33.0603 21.9705 30.8189 19.0921 30.4796 18.6563 30.4733 18.0262 30.8639 17.6357L32.278 16.2214C32.6686 15.8309 33.3059 15.8289 33.663 16.2502 37.4456 20.7126 37.4455 27.2864 33.663 31.7489 33.3059 32.1702 32.6686 32.1683 32.2781 31.7777L30.8638 30.3635z"/></svg>;
}

const IconSound = React.forwardRef(IconSoundComponent);
export default IconSound;
