import * as React from "react"

import User from "../models/User";

import { ModalProvider } from "../providers/ModalProvider";
import { CurrentUserProvider } from "../providers/CurrentUserProvider";


interface Props {
  children: React.ReactNode;
  currentUser?: User;
  title?: string;
}

const MainLayout = ({ children, title, currentUser }: Props) => {
  
  return (
    <CurrentUserProvider initialUser={currentUser}>
      <ModalProvider>



          { children }



      </ModalProvider>
    </CurrentUserProvider>
  )
}

export default MainLayout