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

export const IconCornerLeftUp = 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-corner-left-up`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M10.1091 7.89129C10.402 8.18418 10.8768 8.18418 11.1697 7.89129C11.4626 7.5984 11.4626 7.12352 11.1697 6.83063L8.0401 3.70099C7.7472 3.4081 7.27233 3.4081 6.97944 3.70099L3.8498 6.83063C3.5569 7.12353 3.5569 7.5984 3.8498 7.89129C4.14269 8.18419 4.61756 8.18419 4.91046 7.89129L6.75976 6.04198V13.533C6.75976 14.7757 7.76712 15.783 9.00976 15.783H16.3021C16.7163 15.783 17.0521 15.4472 17.0521 15.033C17.0521 14.6188 16.7163 14.283 16.3021 14.283H9.00976C8.59555 14.283 8.25976 13.9472 8.25976 13.533V6.04198L10.1091 7.89129Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconCornerLeftUp.displayName = "IconCornerLeftUp";

export default IconCornerLeftUp;