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

export const IconExpandLeftOutline = 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-expand-left-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M6.46973 7.80273C6.76256 7.51013 7.23743 7.51013 7.53027 7.80273L9.19727 9.46973C9.48976 9.76257 9.48984 10.2375 9.19727 10.5303L7.53027 12.1963C7.23738 12.4892 6.76262 12.4892 6.46973 12.1963C6.17721 11.9034 6.17696 11.4285 6.46973 11.1357L7.60547 9.99902L6.46973 8.86328C6.17705 8.57037 6.17691 8.09555 6.46973 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>
    );
  }
);

IconExpandLeftOutline.displayName = "IconExpandLeftOutline";

export default IconExpandLeftOutline;