import React from "react";

interface Props {
  number: string;
  circleFill: string;
  textFill: string;
}

const ProcessNumberIcon: React.FC<Props> = ({
  number,
  circleFill,
  textFill,
}) => {
  return (
    <svg
      width="32"
      height="32"
      // viewBox="0 0 32 32"
      // fill="none"
      // xmlns="http://www.w3.org/2000/svg"
    >
      <circle cx="16" cy="16" r="16" fill={circleFill} />
      <text
        x="50%"
        y="55%"
        dominantBaseline="middle"
        textAnchor="middle"
        fill={textFill}
      >
        {number}
      </text>
    </svg>
  );
};

export default ProcessNumberIcon;