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

export const IconConstraintsVerticallyOutline = 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-constraints-vertically-outline`,
  };
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
      ref={forwardedRef}
    >
      <path
        d="M3 14.75C2.58579 14.75 2.25 14.4142 2.25 14V6C2.25 5.58579 2.58579 5.25 3 5.25C3.41421 5.25 3.75 5.58579 3.75 6V9.25L16.25 9.25V6C16.25 5.58579 16.5858 5.25 17 5.25C17.4142 5.25 17.75 5.58579 17.75 6V14C17.75 14.4142 17.4142 14.75 17 14.75C16.5858 14.75 16.25 14.4142 16.25 14V10.75L3.75 10.75V14C3.75 14.4142 3.41421 14.75 3 14.75Z"
        fill={color}
      />
    </svg>
  );
});

IconConstraintsVerticallyOutline.displayName =
  "IconConstraintsVerticallyOutline";

export default IconConstraintsVerticallyOutline;