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

export const IconToolAlertOutline = 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-alert-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M10 6.41931C10.4142 6.41931 10.75 6.75509 10.75 7.16931V9.9746C10.75 10.3888 10.4142 10.7246 10 10.7246 9.58579 10.7246 9.25 10.3888 9.25 9.9746V7.16931C9.25 6.75509 9.58579 6.41931 10 6.41931ZM10 13.6424C10.4845 13.6424 10.8772 13.2497 10.8772 12.7652 10.8772 12.2808 10.4845 11.888 10 11.888 9.51554 11.888 9.1228 12.2808 9.1228 12.7652 9.1228 13.2497 9.51554 13.6424 10 13.6424Z"
          fill={color}
        />
        <path
          d="M1.75 6C1.75001 4.48122 2.98122 3.25 4.5 3.25H15.5C17.0188 3.25 18.25 4.48122 18.25 6L18.25 14C18.25 15.5188 17.0188 16.75 15.5 16.75H4.5C2.98122 16.75 1.75 15.5188 1.75 14L1.75 6ZM4.5 4.75C3.80965 4.75 3.25 5.30964 3.25 6L3.25 14C3.25 14.6904 3.80964 15.25 4.5 15.25H15.5C16.1904 15.25 16.75 14.6904 16.75 14L16.75 6C16.75 5.30964 16.1904 4.75 15.5 4.75H4.5Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconToolAlertOutline.displayName = "IconToolAlertOutline";

export default IconToolAlertOutline;