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

export const IconToolSoundWavePreview = 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-icon customeow-icon-icon-tool-sound-wave-preview`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M10 2.25C10.4142 2.25 10.75 2.58579 10.75 3L10.75 17C10.75 17.4142 10.4142 17.75 10 17.75 9.58579 17.75 9.25 17.4142 9.25 17L9.25 3C9.25 2.58579 9.58579 2.25 10 2.25ZM6.5 5.5C6.91421 5.5 7.25 5.83579 7.25 6.25V14.25C7.25 14.6642 6.91421 15 6.5 15 6.08579 15 5.75 14.6642 5.75 14.25V6.25C5.75 5.83579 6.08579 5.5 6.5 5.5ZM3.75 9C3.75 8.58579 3.41421 8.25 3 8.25 2.58579 8.25 2.25 8.58579 2.25 9V12C2.25 12.4142 2.58579 12.75 3 12.75 3.41421 12.75 3.75 12.4142 3.75 12V9ZM13.5 5.5C13.9142 5.5 14.25 5.83579 14.25 6.25V14.25C14.25 14.6642 13.9142 15 13.5 15 13.0858 15 12.75 14.6642 12.75 14.25V6.25C12.75 5.83579 13.0858 5.5 13.5 5.5ZM17.75 9C17.75 8.58579 17.4142 8.25 17 8.25 16.5858 8.25 16.25 8.58579 16.25 9V12C16.25 12.4142 16.5858 12.75 17 12.75 17.4142 12.75 17.75 12.4142 17.75 12V9Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconToolSoundWavePreview.displayName = "IconToolSoundWavePreview";

export default IconToolSoundWavePreview;