The parent component for the counter Typescript examples

App.tsx

import React, { FC } from "react";
import "./App.css";

import FunctionalCounter from "./components/FunctionalCounter";
import ClassCounter from "./components/ClassCounter";

const App: FC = (): JSX.Element => {
  return (
    <>
      <div className="flex">
        <FunctionalCounter title={"Functional Counter"} initialCount={10} />
        <ClassCounter title={"Class Counter"} initialCount={10} />
      </div>
    </>
  );
};

export default App;