type CountdownRenderProps = {
  minutes: number;
  seconds: number;
  completed: boolean;
};

function RenderCountdown({
  minutes,
  seconds,
  completed,
}: CountdownRenderProps) {
  return (
    <div>
      <p className="text-sm font-noto">
        {completed
          ? "00min : 00sec"
          : `${minutes.toString().padStart(2, "0")}min : ${seconds
              .toString()
              .padStart(2, "0")}sec`}
      </p>
    </div>
  );
}

export default RenderCountdown;