import React, { useState } from "react";
import Counter from "./Counter";
import ServiceStatus from "./ServiceStatus";

export default function App() {
  return (
    <div className="flex flex-wrap gap-x-[15vw] gap-y-[8vw] place-content-center">
        <ServiceStatus label="Compteur 1" />
        <ServiceStatus label="Compteur 1" />
        <ServiceStatus label="Compteur 1" />
        <ServiceStatus label="Compteur 1" />
        <ServiceStatus label="Compteur 1" />
        <ServiceStatus label="Compteur 1" />
        <ServiceStatus label="Compteur 1" />
        <ServiceStatus label="Compteur 1" />
        <ServiceStatus label="Compteur 1" />
        <ServiceStatus label="Compteur 1" />
        <ServiceStatus label="Compteur 1" />
        <ServiceStatus label="Compteur 1" />
        <ServiceStatus label="Compteur 1" />
        <ServiceStatus label="Compteur 1" />
    </div>
  );
}