import { forwardRef } from "react";
import type { IconProps } from "../../types";

export const IconFileAudioOutline = forwardRef<SVGSVGElement, IconProps>(
  ({ color = "currentColor", ...props }, forwardedRef) => {
    const { className } = props;
    props = {
      ...props,
      width: `${props.width || props.size || 20}`,
      height: `${props.height || props.size || 20}`,
      className: `${
        className ? className + " " : ""
      }customeow-shein-icon customeow-shein-icon-icon-file-audio-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M12.4011 8.78125L12.8217 10.0113L11.3251 10.523V13.7529H11.3185C11.2365 14.7493 10.4018 15.5325 9.38421 15.5325C8.31231 15.5325 7.44336 14.6635 7.44336 13.5916C7.44336 12.5197 8.31231 11.6508 9.38421 11.6508C9.60878 11.6508 9.82445 11.6889 10.0251 11.7591V9.59364L12.4011 8.78125ZM8.74336 13.5916C8.74336 13.2377 9.03028 12.9508 9.38421 12.9508C9.73814 12.9508 10.0251 13.2377 10.0251 13.5916C10.0251 13.9455 9.73814 14.2325 9.38421 14.2325C9.03028 14.2325 8.74336 13.9455 8.74336 13.5916Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          d="M12.1251 1.90991H3.4231V18.09H16.5768V6.36161L12.1251 1.90991ZM4.6731 16.84V3.15991H11.2412V7.2455H15.3268V16.84H4.6731ZM12.4912 5.9955V4.0438L14.4429 5.9955H12.4912Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconFileAudioOutline.displayName = "IconFileAudioOutline";

export default IconFileAudioOutline;