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

export const IconColumnCutOutline = 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-column-cut-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M16.5 1.25C17.4665 1.25 18.25 2.0335 18.25 3V17C18.25 17.9665 17.4665 18.75 16.5 18.75H12.5C11.5335 18.75 10.75 17.9665 10.75 17V14.2979L12.1016 15.0791L12.25 15.1553V17C12.25 17.1381 12.3619 17.25 12.5 17.25H16.5C16.6381 17.25 16.75 17.1381 16.75 17V3C16.75 2.86193 16.6381 2.75 16.5 2.75H12.5C12.3619 2.75 12.25 2.86193 12.25 3V4.95703L12.2236 4.9707L12.1904 4.9873L12.1592 5.00586L10.75 5.81836V3C10.75 2.0335 11.5335 1.25 12.5 1.25H16.5Z"
          fill={color}
        />
        <path
          d="M4.21973 4C5.44584 4.00011 6.44043 4.99456 6.44043 6.2207C6.44026 6.89268 6.13992 7.49337 5.66797 7.90039L7.90625 9.19238L12.25 6.68457L12.9092 6.30469L12.9775 6.26953C13.3242 6.11382 13.7394 6.24292 13.9336 6.5791C14.1276 6.91528 14.0317 7.33915 13.7236 7.56152L13.6592 7.60352L9.40625 10.0586L13.6016 12.4814C13.9602 12.6886 14.0831 13.1472 13.876 13.5059C13.6687 13.8641 13.2101 13.9873 12.8516 13.7803L7.90625 10.9248L5.68945 12.2041C6.14905 12.611 6.44043 13.2043 6.44043 13.8662C6.43991 15.0919 5.44552 16.0849 4.21973 16.085C2.9939 16.0847 2.00025 15.0911 2 13.8652C2.00018 13.0086 2.48563 12.2657 3.19629 11.8955L4.25879 11.2988L6.40625 10.0586L4.19336 8.78125L4.1875 8.77832L3.12988 8.15332C3.12811 8.15227 3.12677 8.15048 3.125 8.14941C2.45382 7.76765 2.0002 7.04803 2 6.2207C2 4.99466 2.99374 4.00026 4.21973 4ZM4.21973 13.1445C3.82234 13.1448 3.50026 13.4678 3.5 13.8652C3.50025 14.2626 3.82233 14.5847 4.21973 14.585C4.61725 14.5849 4.94018 14.2627 4.94043 13.8652C4.94017 13.4678 4.61725 13.1446 4.21973 13.1445ZM4.21973 5.5C3.82217 5.50026 3.5 5.82309 3.5 6.2207C3.5003 6.61806 3.82236 6.94017 4.21973 6.94043C4.61722 6.94032 4.94013 6.61815 4.94043 6.2207C4.94043 5.82299 4.61741 5.50011 4.21973 5.5Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconColumnCutOutline.displayName = "IconColumnCutOutline";

export default IconColumnCutOutline;