import Header from "./components/header";
import Workspace from "./components/workspace";
import { ProjectContext, useProject } from "./hooks/useProject";

function App() {

  const { projectStates, projectActions } = useProject();

  return (
    <ProjectContext.Provider value={{ projectStates, projectActions }}>
      <div className="h-screen flex flex-col overflow-hidden">
        <Header />
        <div className="flex-1 overflow-hidden">
          <Workspace />
        </div>
      </div>
    </ProjectContext.Provider>
  )
}

export default App