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

export const IconToolMusicPreviewOutline = 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-music-preview-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M9.99998 4.13657C7.62516 4.13657 5.69998 6.06175 5.69998 8.43657V15.8334C5.69998 16.22 5.38658 16.5334 4.99998 16.5334L4.3203 16.5335C2.27685 16.5335 0.6203 14.8769 0.6203 12.8335V12.5462C0.6203 10.5095 2.26587 8.85719 4.29998 8.84625V8.43657C4.29998 5.28855 6.85197 2.73657 9.99998 2.73657C13.148 2.73657 15.7 5.28855 15.7 8.43657V8.84626C17.7333 8.85817 19.3779 10.5101 19.3779 12.5462V12.8335C19.3779 14.8769 17.7213 16.5335 15.6779 16.5335H15C14.6134 16.5335 14.3 16.22 14.3 15.8334V8.43657C14.3 6.06175 12.3748 4.13657 9.99998 4.13657ZM4.29998 10.2463V15.1334C3.03908 15.1225 2.0203 14.0969 2.0203 12.8335V12.5462C2.0203 11.2827 3.03908 10.2572 4.29998 10.2463ZM15.7 15.1334V10.2463C16.96 10.2582 17.9779 11.2833 17.9779 12.5462V12.8335C17.9779 14.0963 16.96 15.1215 15.7 15.1334Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          d="M8.33913 10.6577C8.33913 10.2849 8.03692 9.98267 7.66413 9.98267 7.29134 9.98267 6.98913 10.2849 6.98913 10.6577V14.6308C6.98913 15.0036 7.29134 15.3058 7.66413 15.3058 8.03692 15.3058 8.33913 15.0036 8.33913 14.6308V10.6577ZM10 11.1614C10.3728 11.1614 10.675 11.4636 10.675 11.8364V13.4521C10.675 13.8249 10.3728 14.1271 10 14.1271 9.62721 14.1271 9.32501 13.8249 9.32501 13.4521V11.8364C9.32501 11.4636 9.62721 11.1614 10 11.1614ZM13.0109 10.6577C13.0109 10.2849 12.7087 9.98267 12.3359 9.98267 11.9631 9.98267 11.6609 10.2849 11.6609 10.6577V14.6308C11.6609 15.0036 11.9631 15.3058 12.3359 15.3058 12.7087 15.3058 13.0109 15.0036 13.0109 14.6308V10.6577Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconToolMusicPreviewOutline.displayName = "IconToolMusicPreviewOutline";

export default IconToolMusicPreviewOutline;