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

export const IconFilePsdOutline = 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-psd-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.6875ZM7.8623 9.06934C8.99066 9.06934 9.90527 9.98394 9.90527 11.1123C9.90507 12.2405 8.99054 13.1553 7.8623 13.1553H7.54004V14.7744C7.5398 15.0502 7.31585 15.2742 7.04004 15.2744C6.76404 15.2744 6.54027 15.0504 6.54004 14.7744V9.56934C6.54004 9.29319 6.7639 9.06934 7.04004 9.06934H7.8623ZM11.5195 9.15137C12.3425 9.00442 13.1641 9.41743 13.5361 10.166L13.5938 10.2812C13.7166 10.5285 13.6155 10.8293 13.3682 10.9521C13.121 11.0749 12.8211 10.9737 12.6982 10.7266L12.6406 10.6113C12.4663 10.2604 12.0811 10.0669 11.6953 10.1357C11.4269 10.1838 11.2289 10.4139 11.2217 10.6865L11.2158 10.9131C11.2046 11.3437 11.5242 11.7113 11.9521 11.7607L12.0859 11.7764C12.9797 11.8796 13.6365 12.6656 13.5791 13.5635L13.5762 13.5957C13.5205 14.4668 12.7977 15.1455 11.9248 15.1455H11.7285C11.0071 15.1455 10.363 14.6914 10.1211 14.0117C10.0286 13.7516 10.1647 13.4656 10.4248 13.373C10.6849 13.2805 10.9709 13.4166 11.0635 13.6768C11.1636 13.9578 11.4302 14.1455 11.7285 14.1455H11.9248C12.2702 14.1455 12.5561 13.8769 12.5781 13.5322L12.5811 13.499C12.6042 13.1327 12.3363 12.8118 11.9717 12.7695L11.8369 12.7549C10.8943 12.6458 10.1906 11.8343 10.2158 10.8857L10.2227 10.6592C10.2427 9.91245 10.7842 9.28285 11.5195 9.15137ZM7.54004 12.1553H7.8623C8.43825 12.1553 8.90507 11.6882 8.90527 11.1123C8.90527 10.5362 8.43838 10.0693 7.8623 10.0693H7.54004V12.1553ZM11.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>
    );
  }
);

IconFilePsdOutline.displayName = "IconFilePsdOutline";

export default IconFilePsdOutline;