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

export const IconFilePdfOutline = 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-pdf-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M9.79381 8.71603C9.47466 8.71603 8.88495 8.80782 8.62879 9.39684C8.41172 9.89597 8.57705 10.4835 8.84996 11.0474C8.94092 11.2481 9.07868 11.5112 9.24091 11.8C9.17545 12.0137 9.09796 12.2483 9.00665 12.5056C8.9477 12.6717 8.89064 12.8256 8.8355 12.968C8.1758 13.1811 7.72323 13.4215 7.4304 13.6949C7.19506 13.9147 7.03971 14.1778 6.9981 14.475C6.95757 14.7644 7.03692 15.0018 7.11125 15.1542L7.12518 15.1827L7.14172 15.2098C7.22365 15.3442 7.38881 15.5816 7.66664 15.7235C8.00924 15.8985 8.39928 15.8686 8.74267 15.6465C9.0373 15.456 9.28713 15.1345 9.51786 14.7283C9.62073 14.5471 9.72654 14.3369 9.83568 14.0942C9.9585 14.0637 10.0907 14.0329 10.233 14.0022C10.3672 13.9733 10.4923 13.9493 10.6088 13.9298C10.9515 14.363 11.3257 14.666 11.7054 14.8327C12.0778 14.9963 12.526 15.0534 12.9166 14.8533C13.1228 14.7477 13.2442 14.5772 13.3104 14.4454C13.3817 14.3035 13.4207 14.1454 13.4281 13.9864C13.4435 13.6575 13.3247 13.2962 13.0268 13.011C12.6454 12.6458 12.0572 12.4745 11.2566 12.5004C11.0773 12.2294 10.883 11.9191 10.702 11.616C10.8779 10.9283 10.9409 10.3993 10.9139 9.99406C10.8925 9.67126 10.8093 9.35305 10.6061 9.10346C10.3838 8.83049 10.0799 8.71603 9.79381 8.71603Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          d="M2.96289 2.8125C2.96289 1.88052 3.71841 1.125 4.65039 1.125H8.71289C13.2692 1.125 16.9629 4.81865 16.9629 9.375V17.1875C16.9629 18.1195 16.2074 18.875 15.2754 18.875H4.65039C3.71841 18.875 2.96289 18.1195 2.96289 17.1875V2.8125ZM4.46289 2.8125C4.46289 2.70895 4.54684 2.625 4.65039 2.625H8.40039C9.53948 2.625 10.4629 3.54841 10.4629 4.6875V5.9375C10.4629 6.86948 11.2184 7.625 12.1504 7.625H13.4004C14.5395 7.625 15.4629 8.54841 15.4629 9.6875V17.1875C15.4629 17.2911 15.3789 17.375 15.2754 17.375H4.65039C4.54684 17.375 4.46289 17.2911 4.46289 17.1875V2.8125ZM11.9629 4.6875C11.9629 4.20096 11.8654 3.73721 11.6888 3.31472C13.0267 3.97295 14.1149 5.06119 14.7732 6.39911C14.3507 6.22253 13.8869 6.125 13.4004 6.125H12.1504C12.0468 6.125 11.9629 6.04105 11.9629 5.9375V4.6875Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconFilePdfOutline.displayName = "IconFilePdfOutline";

export default IconFilePdfOutline;
