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

export const IconCollapseLeftOutline = 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-collapse-left-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M9.1971 7.80273C8.90427 7.51013 8.4294 7.51013 8.13656 7.80273L6.46957 9.46973C6.17707 9.76257 6.177 10.2375 6.46957 10.5303L8.13656 12.1963C8.42945 12.4892 8.90421 12.4892 9.1971 12.1963C9.48962 11.9034 9.48987 11.4285 9.1971 11.1357L8.06136 9.99902L9.1971 8.86328C9.48978 8.57037 9.48993 8.09555 9.1971 7.80273Z"
          fill={color}
        />
        <path
          d="M15 3.25C16.5188 3.25 17.75 4.48122 17.75 6V14C17.75 15.5188 16.5188 16.75 15 16.75H5C3.48122 16.75 2.25 15.5188 2.25 14V6C2.25 4.48122 3.48122 3.25 5 3.25H15ZM5 4.75C4.30964 4.75 3.75 5.30964 3.75 6V14C3.75 14.6904 4.30964 15.25 5 15.25H11.75V4.75H5ZM13.25 4.75V15.25H15C15.6904 15.25 16.25 14.6904 16.25 14V6C16.25 5.30964 15.6904 4.75 15 4.75H13.25Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconCollapseLeftOutline.displayName = "IconCollapseLeftOutline";

export default IconCollapseLeftOutline;