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

export const IconMagicAiBicolor = 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-bicolor`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          opacity=".5"
          d="M13.5818 12.3879C13.8387 12.3879 14.0668 12.5523 14.1481 12.7961L14.4619 13.7375C14.5807 14.094 14.8605 14.3737 15.217 14.4926L16.1584 14.8064C16.4022 14.8876 16.5666 15.1158 16.5666 15.3727C16.5666 15.6297 16.4022 15.8578 16.1584 15.9391L15.217 16.2529C14.8605 16.3717 14.5807 16.6514 14.4619 17.008L14.1481 17.9494C14.0668 18.1931 13.8387 18.3576 13.5818 18.3576C13.3248 18.3576 13.0967 18.1931 13.0154 17.9494L12.7016 17.008C12.5828 16.6514 12.303 16.3717 11.9465 16.2529L11.0051 15.9391C10.7613 15.8578 10.5969 15.6297 10.5969 15.3727C10.5969 15.1158 10.7613 14.8876 11.0051 14.8064L11.9465 14.4926C12.303 14.3737 12.5828 14.094 12.7016 13.7375L13.0154 12.7961C13.0967 12.5523 13.3248 12.3879 13.5818 12.3879Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          opacity=".7"
          d="M14.7758 1.64246C15.0497 1.64246 15.2885 1.82889 15.3549 2.09464L15.561 2.91882C15.7481 3.66742 16.3326 4.25192 17.0812 4.43907L17.9054 4.64512C18.1712 4.71156 18.3576 4.95033 18.3576 5.22426C18.3576 5.49819 18.1712 5.73697 17.9054 5.80341L17.0812 6.00945C16.3326 6.1966 15.7481 6.78111 15.561 7.52971L15.3549 8.35389C15.2885 8.61964 15.0497 8.80607 14.7758 8.80607C14.5018 8.80607 14.2631 8.61964 14.1966 8.35389L13.9906 7.52971C13.8034 6.78111 13.2189 6.1966 12.4703 6.00945L11.6462 5.80341C11.3804 5.73697 11.194 5.49819 11.194 5.22426C11.194 4.95033 11.3804 4.71156 11.6462 4.64512L12.4703 4.43907C13.2189 4.25192 13.8034 3.66742 13.9906 2.91882L14.1966 2.09464C14.2631 1.82889 14.5018 1.64246 14.7758 1.64246Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          d="M7.61214 4.03033C7.87867 4.03033 8.11291 4.20702 8.18613 4.4633L8.8334 6.72875C9.11672 7.72034 9.89181 8.49543 10.8834 8.77875L13.1488 9.42601C13.4051 9.49924 13.5818 9.73348 13.5818 10C13.5818 10.2665 13.4051 10.5008 13.1488 10.574L10.8834 11.2213C9.89181 11.5046 9.11672 12.2797 8.8334 13.2713L8.18613 15.5367C8.11291 15.793 7.87867 15.9697 7.61214 15.9697C7.3456 15.9697 7.11136 15.793 7.03814 15.5367L6.39087 13.2713C6.10756 12.2797 5.33246 11.5046 4.34087 11.2213L2.07542 10.574C1.81914 10.5008 1.64246 10.2665 1.64246 10C1.64246 9.73348 1.81914 9.49924 2.07542 9.42601L4.34087 8.77874C5.33246 8.49543 6.10756 7.72033 6.39087 6.72875L7.03814 4.4633C7.11136 4.20702 7.3456 4.03033 7.61214 4.03033Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconMagicAiBicolor.displayName = "IconMagicAiBicolor";

export default IconMagicAiBicolor;