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

function IconPodcastComponent(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 || 'font';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-Podcast${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="M9.33463 7.99935C9.33463 8.73573 8.73768 9.33268 8.0013 9.33268C7.26492 9.33268 6.66797 8.73573 6.66797 7.99935C6.66797 7.26297 7.26492 6.66602 8.0013 6.66602C8.73768 6.66602 9.33463 7.26297 9.33463 7.99935Z"/><path d="M11.3346 7.99935C11.3346 6.1584 9.84225 4.66602 8.0013 4.66602C6.16035 4.66602 4.66797 6.1584 4.66797 7.99935C4.66797 8.85342 4.98815 9.6312 5.51628 10.2214C5.76183 10.4957 5.73854 10.9172 5.46419 11.1628C5.20692 11.3929 4.82055 11.3867 4.57096 11.1589L4.52279 11.1107L4.38802 10.9531C3.72995 10.1489 3.33464 9.11955 3.33464 7.99935C3.33464 5.42202 5.42397 3.33268 8.0013 3.33268C10.5786 3.33268 12.668 5.42202 12.668 7.99935C12.668 9.19409 12.2183 10.2855 11.4798 11.1107C11.2343 11.385 10.8128 11.4082 10.5384 11.1628C10.2641 10.9172 10.2408 10.4957 10.4863 10.2214C11.0144 9.6312 11.3346 8.85342 11.3346 7.99935Z"/><path d="M14.0013 7.99935C14.0013 4.68564 11.315 1.99935 8.0013 1.99935C4.68759 1.99935 2.0013 4.68564 2.0013 7.99935C2.0013 9.57292 2.60619 11.0042 3.59766 12.0749L3.80143 12.2845L3.84766 12.3346C4.06368 12.5943 4.05214 12.9808 3.81055 13.2272C3.55278 13.49 3.1307 13.494 2.86784 13.2363C1.51101 11.9062 0.667969 10.0506 0.667969 7.99935C0.667969 3.94926 3.95121 0.666016 8.0013 0.666016C12.0514 0.666016 15.3346 3.94926 15.3346 7.99935C15.3346 10.0506 14.4916 11.9062 13.1348 13.2363C12.8719 13.494 12.4498 13.49 12.1921 13.2272C11.9344 12.9644 11.9384 12.5423 12.2012 12.2845C13.3128 11.1948 14.0013 9.67793 14.0013 7.99935Z"/></svg>;
}

const IconPodcast = React.forwardRef(IconPodcastComponent);
export default IconPodcast;
