Main memory game Application file

App.tsx

import './App.css'
import { Controls } from './components/Controls'
import { Lights } from './components/Lights'
import { Score } from './components/Score'
import { useGame } from './hooks/useGame'

function App() {
  const {
    blinkSeq,
    isBlinking,
    score,
    resetHandler,
    startHandler,
    lightClickHandler,
  } = useGame()

  return (
    <>
      <div className='bg-gray-800 h-screen'>
        <Score score={score} />
        <Lights
          blinkSeq={blinkSeq}
          isBlinking={isBlinking}
          onLightClick={lightClickHandler}
        />
        <Controls
          onReset={resetHandler}
          onStart={startHandler}
        />
      </div>
    </>
  )
}

export default App