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

export const IconSymbolOutline = 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-symbol-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M13.3435 7.50714C13.0634 7.8123 12.589 7.83263 12.2838 7.55255C11.736 7.04974 11.0236 6.75 10.2466 6.75C8.56377 6.75 7.15 8.17716 7.15 10C7.15 11.8228 8.56377 13.25 10.2466 13.25C11.0236 13.25 11.736 12.9503 12.2838 12.4474C12.589 12.1674 13.0634 12.1877 13.3435 12.4929C13.6236 12.798 13.6033 13.2725 13.2981 13.5526C12.4898 14.2945 11.4207 14.75 10.2466 14.75C7.68061 14.75 5.65 12.5954 5.65 10C5.65 7.40456 7.68061 5.25 10.2466 5.25C11.4207 5.25 12.4898 5.70554 13.2981 6.44745C13.6033 6.72753 13.6236 7.20197 13.3435 7.50714ZM10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5ZM10 19C14.9706 19 19 14.9706 19 10C19 5.02944 14.9706 1 10 1C5.02944 1 1 5.02944 1 10C1 14.9706 5.02944 19 10 19Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconSymbolOutline.displayName = "IconSymbolOutline";

export default IconSymbolOutline;