import React from "react";
import { IconProps } from "./types";

export const CircleIcon: React.FC<IconProps> = ({
  color = "currentColor",
  borderColor = "currentColor",
  className,
  onKeyDown,
  onClick,
  onMouseEnter,
  onMouseLeave,
  ref,
  ...rest
}) => {
  return (
    <svg
      className={className}
      width="19"
      height="19"
      viewBox="0 0 19 19"
      fill={color}
      xmlns="http://www.w3.org/2000/svg"
      {...rest}
    >
      <svg
        xmlns="http://www.w3.org/2000/svg"
        width="19"
        height="19"
        viewBox="0 0 19 19"
      >
        <circle cx="9.5" cy="9.5" r="9" stroke={borderColor} />
      </svg>
    </svg>
  );
};

{
  /* <svg
  xmlns="http://www.w3.org/2000/svg"
  width="19"
  height="19"
  viewBox="0 0 19 19"
  fill="none"
>
  <circle cx="9.5" cy="9.5" r="9" fill="#5E5E5E" stroke="#5E5E5E" />
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="19"
    height="19"
    viewBox="0 0 19 19"
    fill="none"
  >
    <circle cx="9.5" cy="9.5" r="9" fill="#5E5E5E" stroke="#5E5E5E" />
  </svg>
</svg>; */
}