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

export const IconFileSaveOutline = 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-file-save-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M5.46289 2.25C4.22025 2.25 3.21289 3.25736 3.21289 4.5V15.5C3.21289 16.7426 4.22025 17.75 5.46289 17.75H14.4629C15.7055 17.75 16.7129 16.7426 16.7129 15.5V7.43737C16.7129 6.95066 16.5551 6.47707 16.2631 6.08765L14.0608 3.15028C13.6359 2.58355 12.9689 2.25 12.2606 2.25H5.46289ZM4.71289 4.5C4.71289 4.08579 5.04868 3.75 5.46289 3.75H6.41984V7.46899C6.41984 8.43549 7.20334 9.21899 8.16984 9.21899H9.75594C10.7224 9.21899 11.5059 8.43549 11.5059 7.46899V3.75H12.2606C12.4967 3.75 12.719 3.86118 12.8607 4.05009L15.063 6.98746C15.1603 7.11727 15.2129 7.27513 15.2129 7.43737V15.5C15.2129 15.9142 14.8771 16.25 14.4629 16.25H5.46289C5.04868 16.25 4.71289 15.9142 4.71289 15.5V4.5ZM10.0059 3.75H7.91984V7.46899C7.91984 7.60706 8.03177 7.71899 8.16984 7.71899H9.75594C9.89401 7.71899 10.0059 7.60707 10.0059 7.46899V3.75Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconFileSaveOutline.displayName = "IconFileSaveOutline";

export default IconFileSaveOutline;