import * as React from "react";
import type { IconProps, IconMetadata, IconComponent } from "../../types";

export const UnoCss: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
  function UnoCss(
    {
      color = "currentColor",
      fill,
      size = 24,
      strokeWidth,
      strokeLinecap,
      strokeLinejoin,
      strokeDasharray,
      opacity,
      className,
      ...props
    },
    forwardedRef,
  ) {
    return (
      <svg
        width={size}
        height={size}
        viewBox="0 0 24 24"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        className={className}
        strokeWidth={strokeWidth}
        strokeLinecap={strokeLinecap}
        strokeLinejoin={strokeLinejoin}
        strokeDasharray={strokeDasharray}
        opacity={opacity}
        {...props}
        ref={forwardedRef}
      >
        <g clipPath="url(#undefined-clip0_2066_382)">
          <path
            d="M12.8604 18.3682C12.8604 15.292 15.3541 12.7983 18.4302 12.7983C21.5064 12.7983 24.0001 15.292 24.0001 18.3682C24.0001 21.4443 21.5064 23.9381 18.4302 23.9381C15.3541 23.9381 12.8604 21.4443 12.8604 18.3682Z"
            fill="#858585"
          />
          <path
            d="M12.8604 5.56987C12.8604 2.49375 15.3541 0 18.4302 0C21.5064 0 24.0001 2.49375 24.0001 5.56987V10.5828C24.0001 10.8903 23.7507 11.1397 23.4431 11.1397H13.4173C13.2696 11.1397 13.128 11.081 13.0235 10.9766C12.9191 10.8722 12.8604 10.7306 12.8604 10.5829V5.56987Z"
            fill="#ccc"
          />
          <path
            d="M11.1397 18.3682C11.1397 21.4443 8.646 23.9381 5.56987 23.9381C2.49375 23.9381 3.15712e-08 21.4444 3.15712e-08 18.3682V13.3554C-2.46003e-05 13.2822 0.0143643 13.2098 0.0423448 13.1422C0.0703252 13.0746 0.111349 13.0132 0.163072 12.9615C0.214795 12.9097 0.276204 12.8687 0.34379 12.8407C0.411376 12.8127 0.483815 12.7983 0.556969 12.7983H10.5828C10.6559 12.7983 10.7284 12.8127 10.7959 12.8407C10.8635 12.8687 10.9249 12.9097 10.9766 12.9614C11.0284 13.0132 11.0694 13.0746 11.0974 13.1422C11.1254 13.2097 11.1398 13.2822 11.1397 13.3553V18.3682Z"
            fill="#4d4d4d"
          />
        </g>
        <defs>
          <clipPath id="undefined-clip0_2066_382">
            <path fill="#fff" d="M0 0H24V24H0z" />
          </clipPath>
        </defs>
      </svg>
    );
  },
);

UnoCss.displayName = "UnoCss";

UnoCss.metadata = {
  name: "UnoCss",
  category: "icon/devtool",
  tags: ["uno", "css", "icon"],
  description: "UnoCss icon from icon/devtool category",
  type: ["stroke", "icon"],
} as IconMetadata;

export default UnoCss;