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

export const IconImageRadiusOutline = 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-image-radius-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M4.35294 13.2941C5.65243 13.2941 6.70588 14.3476 6.70588 15.6471C6.70588 16.9466 5.65243 18 4.35294 18C3.05345 18 2 16.9466 2 15.6471C2 14.3476 3.05345 13.2941 4.35294 13.2941ZM12.0009 3.41176C11.9235 3.71258 11.8824 4.02796 11.8824 4.35294C11.8824 4.52188 11.8948 4.68805 11.9164 4.8511H11.8088C7.9664 4.8511 4.8511 7.9664 4.8511 11.8088V11.9154C4.68809 11.8939 4.52184 11.8824 4.35294 11.8824C4.02796 11.8824 3.71258 11.9235 3.41176 12.0009V11.8088C3.41176 7.17141 7.17142 3.41176 11.8088 3.41176H12.0009ZM15.6471 2C16.9466 2 18 3.05345 18 4.35294C18 5.65243 16.9466 6.70588 15.6471 6.70588C14.3476 6.70588 13.2941 5.65243 13.2941 4.35294C13.2941 3.05345 14.3476 2 15.6471 2Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconImageRadiusOutline.displayName = "IconImageRadiusOutline";

export default IconImageRadiusOutline;