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

export const IconAdjustmentsHorizontal = 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-adjustments-horizontal`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M10 3.75C10 2.64543 9.10457 1.75 8 1.75 6.89543 1.75 6 2.64543 6 3.75 6 4.85457 6.89543 5.75 8 5.75 9.10457 5.75 10 4.85457 10 3.75ZM17.25 4.5C17.6642 4.5 18 4.16421 18 3.75 18 3.33579 17.6642 3 17.25 3L11.75 3C11.3358 3 11 3.33579 11 3.75 11 4.16421 11.3358 4.5 11.75 4.5L17.25 4.5ZM5 3.75C5 4.16421 4.66421 4.5 4.25 4.5H2.75C2.33579 4.5 2 4.16421 2 3.75 2 3.33579 2.33579 3 2.75 3L4.25 3C4.66421 3 5 3.33579 5 3.75ZM4.25 17C4.66421 17 5 16.6642 5 16.25 5 15.8358 4.66421 15.5 4.25 15.5H2.75C2.33579 15.5 2 15.8358 2 16.25 2 16.6642 2.33579 17 2.75 17H4.25ZM17.25 17C17.6642 17 18 16.6642 18 16.25 18 15.8358 17.6642 15.5 17.25 15.5H11.75C11.3358 15.5 11 15.8358 11 16.25 11 16.6642 11.3358 17 11.75 17H17.25ZM9 10C9 10.4142 8.66421 10.75 8.25 10.75H2.75C2.33579 10.75 2 10.4142 2 10 2 9.58579 2.33579 9.25 2.75 9.25L8.25 9.25C8.66421 9.25 9 9.58579 9 10ZM17.25 10.75C17.6642 10.75 18 10.4142 18 10 18 9.58579 17.6642 9.25 17.25 9.25H15.75C15.3358 9.25 15 9.58579 15 10 15 10.4142 15.3358 10.75 15.75 10.75H17.25ZM14 10C14 8.89543 13.1046 8 12 8 10.8954 8 10 8.89543 10 10 10 11.1046 10.8954 12 12 12 13.1046 12 14 11.1046 14 10ZM10 16.25C10 15.1454 9.10457 14.25 8 14.25 6.89543 14.25 6 15.1454 6 16.25 6 17.3546 6.89543 18.25 8 18.25 9.10457 18.25 10 17.3546 10 16.25Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconAdjustmentsHorizontal.displayName = "IconAdjustmentsHorizontal";

export default IconAdjustmentsHorizontal;