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

export const IconToolDynamicSelectOutline = 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-tool-dynamic-select-outline`,
  };
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
      ref={forwardedRef}
    >
      <path
        d="M15 5C15 6.51878 13.7688 7.75 12.25 7.75H10.75C8.95507 7.75 7.5 6.29493 7.5 4.5V4C7.5 2.48122 8.73122 1.25 10.25 1.25C10.6642 1.25 11 1.58579 11 2C11 2.41421 10.6642 2.75 10.25 2.75C9.55964 2.75 9 3.30964 9 4V4.5C9 5.4665 9.7835 6.25 10.75 6.25H12.25C12.9404 6.25 13.5 5.69036 13.5 5V4.79C13.5 4.37579 13.8358 4.04 14.25 4.04C14.6642 4.04 15 4.37579 15 4.79V5Z"
        fill={color}
      />
      <path
        d="M11.25 4C11.25 2.48122 12.4812 1.25 14 1.25H15.5C17.2949 1.25 18.75 2.70507 18.75 4.5V5C18.75 6.51878 17.5188 7.75 16 7.75C15.5858 7.75 15.25 7.41421 15.25 7C15.25 6.58579 15.5858 6.25 16 6.25C16.6904 6.25 17.25 5.69036 17.25 5V4.5C17.25 3.5335 16.4665 2.75 15.5 2.75H14C13.3096 2.75 12.75 3.30964 12.75 4V4.21C12.75 4.62421 12.4142 4.96 12 4.96C11.5858 4.96 11.25 4.62421 11.25 4.21V4Z"
        fill={color}
      />
      <path
        d="M5.38735 4C5.80156 4 6.13735 4.33579 6.13735 4.75C6.13735 5.16421 5.80156 5.5 5.38735 5.5H2.90741C2.63127 5.5 2.40741 5.72386 2.40741 6V12.3143L5.42626 9.29549C6.45138 8.27037 8.11344 8.27037 9.13857 9.2955L11.6574 11.8143L12.3013 11.1705C13.3264 10.1454 14.9884 10.1454 16.0136 11.1705L17.1574 12.3143V10.75C17.1574 10.3358 17.4932 10 17.9074 10C18.3216 10 18.6574 10.3358 18.6574 10.75V16C18.6574 17.1046 17.762 18 16.6574 18H2.90741C1.80284 18 0.90741 17.1046 0.90741 16V6C0.90741 4.89543 1.80284 4 2.90741 4H5.38735ZM2.40741 14.4357V16C2.40741 16.2761 2.63127 16.5 2.90741 16.5H16.6574C16.9336 16.5 17.1574 16.2761 17.1574 16V14.4357L14.9529 12.2312C14.5136 11.7918 13.8013 11.7918 13.3619 12.2312L12.7181 12.875L13.4377 13.5947C13.7306 13.8876 13.7306 14.3624 13.4377 14.6553C13.1448 14.9482 12.67 14.9482 12.3771 14.6553L8.0779 10.3562C7.63856 9.91681 6.92625 9.91681 6.48692 10.3562L2.40741 14.4357Z"
        fill={color}
        fillRule="evenodd"
        clipRule="evenodd"
      />
    </svg>
  );
});

IconToolDynamicSelectOutline.displayName = "IconToolDynamicSelectOutline";

export default IconToolDynamicSelectOutline;