type Props = {
  className?: string
  fill?: string
}

const Circle = ({ className, fill = "#FFF" }: Props) => (
  <svg
    className={className}
    viewBox="0 0 512 512"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
  >
    <g id="Page-1" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
      <g id="icon" fill={fill} transform="translate(42.666667, 42.666667)">
        <path
          d="M213.333333,3.55271368e-14 C331.15408,3.55271368e-14 426.666667,95.5125867 426.666667,213.333333 C426.666667,331.15408 331.15408,426.666667 213.333333,426.666667 C95.5125867,426.666667 3.55271368e-14,331.15408 3.55271368e-14,213.333333 C3.55271368e-14,95.5125867 95.5125867,3.55271368e-14 213.333333,3.55271368e-14 Z"
          id="Combined-Shape"
        ></path>
      </g>
    </g>
  </svg>
)

export default Circle