import React from "react";

import { render, Text } from "#/index.ts";

function Counter() {
  const [counter, setCounter] = React.useState(0);

  React.useEffect(() => {
    const timer = setInterval(() => {
      setCounter((prevCounter) => prevCounter + 1); // eslint-disable-line unicorn/prevent-abbreviations
    }, 100);

    return () => {
      clearInterval(timer);
    };
  }, []);

  return <Text color="green">{counter} tests passed</Text>;
}

render(<Counter />);