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

export const IconCog6ToothOutline = 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-cog-6-tooth-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M8.03986 3.43491C8.1135 2.99305 8.4958 2.66919 8.94376 2.66919H11.0567C11.5046 2.66919 11.8869 2.99305 11.9606 3.43491L12.1345 4.47838C12.1853 4.78306 12.3889 5.03685 12.6591 5.18644C12.7195 5.21988 12.7793 5.25443 12.8383 5.29006C13.103 5.44993 13.425 5.49964 13.7147 5.39113L14.7059 5.0198C15.1253 4.86264 15.597 5.0318 15.8209 5.41974L16.8774 7.24957C17.1014 7.63752 17.0121 8.13052 16.6662 8.41523L15.8481 9.08871C15.6099 9.28486 15.4917 9.58774 15.4975 9.8963C15.4981 9.93084 15.4984 9.96545 15.4984 10.0001C15.4984 10.0348 15.4981 10.0694 15.4975 10.104C15.4917 10.4125 15.6099 10.7154 15.8481 10.9115L16.6662 11.585C17.0121 11.8697 17.1014 12.3627 16.8774 12.7507L15.8209 14.5805C15.597 14.9685 15.1253 15.1376 14.7059 14.9805L13.7147 14.6091C13.425 14.5006 13.103 14.5503 12.8383 14.7102C12.7793 14.7458 12.7195 14.7804 12.6591 14.8138C12.3889 14.9634 12.1853 15.2172 12.1345 15.5219L11.9606 16.5654C11.8869 17.0072 11.5046 17.3311 11.0567 17.3311H8.94376C8.4958 17.3311 8.1135 17.0072 8.03986 16.5654L7.86594 15.5219C7.81517 15.2172 7.61155 14.9634 7.34131 14.8138C7.28089 14.7804 7.22117 14.7458 7.16217 14.7102C6.89741 14.5503 6.57539 14.5006 6.28577 14.6091L5.29457 14.9805C4.87509 15.1376 4.40347 14.9685 4.17949 14.5805L3.12303 12.7507C2.89906 12.3628 2.98837 11.8697 3.33422 11.585L4.15231 10.9116C4.39057 10.7154 4.50868 10.4125 4.50297 10.104C4.50233 10.0694 4.50201 10.0348 4.50201 10.0001C4.50201 9.96545 4.50233 9.93084 4.50297 9.89631C4.50868 9.58775 4.39057 9.28487 4.15231 9.08873L3.33422 8.41524C2.98837 8.13054 2.89906 7.63753 3.12303 7.24959L4.17949 5.41975C4.40347 5.03181 4.87509 4.86266 5.29457 5.01981L6.28576 5.39114C6.57538 5.49965 6.8974 5.44994 7.16216 5.29007C7.22116 5.25444 7.28089 5.21989 7.34131 5.18644C7.61155 5.03685 7.81516 4.78306 7.86594 4.47838L8.03986 3.43491Z"
          stroke={color}
          strokeWidth="1.466"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
        <path
          d="M12.4437 10.0001C12.4437 11.3497 11.3496 12.4437 10 12.4437C8.65044 12.4437 7.55638 11.3497 7.55638 10.0001C7.55638 8.65048 8.65044 7.55642 10 7.55642C11.3496 7.55642 12.4437 8.65048 12.4437 10.0001Z"
          stroke={color}
          strokeWidth="1.466"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
      </svg>
    );
  }
);

IconCog6ToothOutline.displayName = "IconCog6ToothOutline";

export default IconCog6ToothOutline;