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

export const IconColumnCopyOutline = 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-copy-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M14.5 4.25C15.4665 4.25 16.25 5.0335 16.25 6V18C16.25 18.9665 15.4665 19.75 14.5 19.75H9.5C8.5335 19.75 7.75 18.9665 7.75 18V6C7.75 5.0335 8.5335 4.25 9.5 4.25H14.5ZM9.5 5.75C9.36193 5.75 9.25 5.86193 9.25 6V18C9.25 18.1381 9.36193 18.25 9.5 18.25H14.5C14.6381 18.25 14.75 18.1381 14.75 18V6C14.75 5.86193 14.6381 5.75 14.5 5.75H9.5Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          d="M10.5 0.25C11.4665 0.25 12.25 1.0335 12.25 2V2.75H10.75V2C10.75 1.86193 10.6381 1.75 10.5 1.75H5.5C5.36193 1.75 5.25 1.86193 5.25 2V14C5.25 14.1381 5.36193 14.25 5.5 14.25H6.25V15.75H5.5C4.5335 15.75 3.75 14.9665 3.75 14V2C3.75 1.0335 4.5335 0.25 5.5 0.25H10.5Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconColumnCopyOutline.displayName = "IconColumnCopyOutline";

export default IconColumnCopyOutline;