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

export const IconFileFontOutline = 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-font-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M8.75 1.125C13.3063 1.125 17 4.81865 17 9.375V17.1875C17 18.1195 16.2445 18.875 15.3125 18.875H4.6875C3.75552 18.875 3 18.1195 3 17.1875V2.8125C3 1.88052 3.75552 1.125 4.6875 1.125H8.75ZM4.6875 2.625C4.58395 2.625 4.5 2.70895 4.5 2.8125V17.1875C4.5 17.2911 4.58395 17.375 4.6875 17.375H15.3125C15.4161 17.375 15.5 17.2911 15.5 17.1875V9.6875C15.5 8.54841 14.5766 7.625 13.4375 7.625H12.1875C11.2555 7.625 10.5 6.86948 10.5 5.9375V4.6875C10.5 3.54841 9.57659 2.625 8.4375 2.625H4.6875ZM9.50977 9.25C9.69849 8.7834 10.3337 8.78343 10.5225 9.25L12.4746 14.1641C12.4746 14.1641 12.6679 14.7857 11.9883 14.8955C11.773 14.9302 11.5728 14.7595 11.4883 14.5498L10.9307 13.167C10.9271 13.1583 10.9192 13.1524 10.9102 13.1523H9.11719C9.10805 13.1523 9.09929 13.1582 9.0957 13.167L8.53418 14.5537C8.44996 14.7613 8.2539 14.8955 8.03809 14.8955C7.65508 14.8953 7.39353 14.489 7.54297 14.1191L9.50977 9.25ZM10.0996 11.1045C10.0681 11.0269 9.96323 11.0269 9.93164 11.1045L9.54199 12.0664C9.53562 12.0821 9.54631 12.0994 9.5625 12.0996H10.4658C10.4822 12.0996 10.4937 12.0822 10.4873 12.0664L10.0996 11.1045ZM11.7256 3.31445C11.9022 3.73694 12 4.20096 12 4.6875V5.9375C12 6.04105 12.0839 6.125 12.1875 6.125H13.4375C13.924 6.125 14.3881 6.22283 14.8105 6.39941C14.1523 5.06149 13.0635 3.97268 11.7256 3.31445Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconFileFontOutline.displayName = "IconFileFontOutline";

export default IconFileFontOutline;