import React from 'react';
import { HitCounter } from './Components/HitCounter';
import { readFile, writeFile } from '../helpers/file-helpers.js';
const DATABASE_PATH = '/src/database.json';

function Home() {
  let { hits } = JSON.parse(readFile(DATABASE_PATH));

  hits += 1;

  writeFile(DATABASE_PATH, JSON.stringify({ hits }));
  return (
    <>
      <main>
        <h1>Hello Next!</h1>
        <p>
          You are visitor number <HitCounter hits={hits} />
        </p>
      </main>
    </>
  );
}

export default Home;