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

export const IconDivideCalculateOutline = 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-divide-calculate-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M11.25 5.75C11.25 6.44036 10.6904 7 10 7 9.30964 7 8.75 6.44036 8.75 5.75 8.75 5.05964 9.30964 4.5 10 4.5 10.6904 4.5 11.25 5.05964 11.25 5.75ZM4 10C4 9.58579 4.33579 9.25 4.75 9.25L15.25 9.25C15.6642 9.25 16 9.58579 16 10 16 10.4142 15.6642 10.75 15.25 10.75L4.75 10.75C4.33579 10.75 4 10.4142 4 10ZM10 15.5C10.6904 15.5 11.25 14.9404 11.25 14.25 11.25 13.5596 10.6904 13 10 13 9.30964 13 8.75 13.5596 8.75 14.25 8.75 14.9404 9.30964 15.5 10 15.5Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconDivideCalculateOutline.displayName = "IconDivideCalculateOutline";

export default IconDivideCalculateOutline;