import clsx from "clsx";
import * as React from "react";

export const Icon = React.forwardRef(function Icon(
  {
    className,
    children,
    ...props
  }: {
    children?: any;
    className?: string;
  } & React.HTMLAttributes<SVGSVGElement>,
  ref: React.ForwardedRef<SVGSVGElement>,
) {
  return (
    <svg
      ref={ref}
      className={clsx("__icon", className)}
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      data-component="Icon$Brevity"
      {...props}
    >
      {children}
    </svg>
  );
});