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

export const IconMagicAiOutline = 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-magic-ai-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M15 1.125C15.3442 1.125 15.6441 1.35922 15.7276 1.6931L15.9433 2.55598C16.1281 3.29495 16.7051 3.87193 17.444 4.05667L18.3069 4.27239C18.6408 4.35586 18.875 4.65585 18.875 5C18.875 5.34415 18.6408 5.64414 18.3069 5.72761L17.444 5.94333C16.7051 6.12807 16.1281 6.70505 15.9433 7.44402L15.7276 8.3069C15.6441 8.64078 15.3442 8.875 15 8.875C14.6558 8.875 14.3559 8.64078 14.2724 8.3069L14.0567 7.44402C13.8719 6.70505 13.2949 6.12807 12.556 5.94333L11.6931 5.72761C11.3592 5.64414 11.125 5.34415 11.125 5C11.125 4.65585 11.3592 4.35586 11.6931 4.27239L12.556 4.05667C13.2949 3.87193 13.8719 3.29495 14.0567 2.55598L14.2724 1.6931C14.3559 1.35922 14.6558 1.125 15 1.125ZM15 4.06156C14.7488 4.43025 14.4302 4.74876 14.0616 5C14.4302 5.25125 14.7488 5.56975 15 5.93844C15.2512 5.56975 15.5698 5.25125 15.9384 5C15.5698 4.74875 15.2512 4.43025 15 4.06156ZM7.5 3.625C7.83486 3.625 8.12915 3.84698 8.22114 4.16896L8.89881 6.54078C9.18356 7.53741 9.96259 8.31644 10.9592 8.60119L13.331 9.27886C13.653 9.37085 13.875 9.66514 13.875 10C13.875 10.3349 13.653 10.6291 13.331 10.7211L10.9592 11.3988C9.96259 11.6836 9.18356 12.4626 8.89881 13.4592L8.22114 15.831C8.12915 16.153 7.83486 16.375 7.5 16.375C7.16514 16.375 6.87085 16.153 6.77886 15.831L6.10119 13.4592C5.81644 12.4626 5.03741 11.6836 4.04078 11.3988L1.66896 10.7211C1.34698 10.6291 1.125 10.3349 1.125 10C1.125 9.66514 1.34698 9.37085 1.66896 9.27886L4.04078 8.60119C5.03741 8.31644 5.81644 7.53741 6.10119 6.54078L6.77886 4.16896C6.87085 3.84698 7.16514 3.625 7.5 3.625ZM7.5 7.09601C7.05613 8.4748 5.9748 9.55613 4.59601 10C5.9748 10.4439 7.05614 11.5252 7.5 12.904C7.94387 11.5252 9.0252 10.4439 10.404 10C9.0252 9.55613 7.94387 8.4748 7.5 7.09601ZM13.75 12.375C14.0728 12.375 14.3594 12.5816 14.4615 12.8878L14.79 13.8734C14.902 14.2094 15.1656 14.473 15.5016 14.585L16.4872 14.9135C16.7934 15.0156 17 15.3022 17 15.625C17 15.9478 16.7934 16.2344 16.4872 16.3365L15.5016 16.665C15.1656 16.777 14.902 17.0406 14.79 17.3766L14.4615 18.3622C14.3594 18.6684 14.0728 18.875 13.75 18.875C13.4272 18.875 13.1406 18.6684 13.0385 18.3622L12.71 17.3766C12.598 17.0406 12.3344 16.777 11.9984 16.665L11.0128 16.3365C10.7066 16.2344 10.5 15.9478 10.5 15.625C10.5 15.3022 10.7066 15.0156 11.0128 14.9135L11.9984 14.585C12.3344 14.473 12.598 14.2094 12.71 13.8734L13.0385 12.8878C13.1406 12.5816 13.4272 12.375 13.75 12.375ZM13.75 15.0829C13.5968 15.2891 13.4141 15.4718 13.2079 15.625C13.4141 15.7782 13.5968 15.9609 13.75 16.1671C13.9032 15.9609 14.0859 15.7782 14.2921 15.625C14.0859 15.4718 13.9032 15.2891 13.75 15.0829Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconMagicAiOutline.displayName = "IconMagicAiOutline";

export default IconMagicAiOutline;