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

export const RadixUi: IconComponent = React.forwardRef<
  SVGSVGElement,
  IconProps
>(function RadixUi(
  {
    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_910)">
        <path
          d="M11.5294 24C9.53249 24 7.61735 23.1909 6.20531 21.7506C4.79328 20.3103 4 18.3569 4 16.32C4 14.2831 4.79328 12.3297 6.20531 10.8894C7.61735 9.44914 9.53249 8.64 11.5294 8.64V24ZM11.5294 0H4V7.68H11.5294V0ZM16.2353 7.68C17.2338 7.68 18.1913 7.27543 18.8973 6.55529C19.6034 5.83515 20 4.85843 20 3.84C20 2.82157 19.6034 1.84485 18.8973 1.12471C18.1913 0.40457 17.2338 0 16.2353 0C15.2368 0 14.2793 0.40457 13.5732 1.12471C12.8672 1.84485 12.4706 2.82157 12.4706 3.84C12.4706 4.85843 12.8672 5.83515 13.5732 6.55529C14.2793 7.27543 15.2368 7.68 16.2353 7.68Z"
          fill="#121212"
        />
      </g>
      <defs>
        <clipPath id="undefined-clip0_2066_910">
          <path fill="#fff" transform="translate(4)" d="M0 0H16V24H0z" />
        </clipPath>
      </defs>
    </svg>
  );
});

RadixUi.displayName = "RadixUi";

RadixUi.metadata = {
  name: "RadixUi",
  category: "icon/library",
  tags: ["radix", "ui", "icon"],
  description: "RadixUi icon from icon/library category",
  type: ["stroke", "icon"],
} as IconMetadata;

export default RadixUi;