import type React from "react"
import { IonApp, IonRouterOutlet } from "@ionic/react"
import { IonReactRouter } from "@ionic/react-router"
import AppRoutes from "./AppRoutes"
import "./index.css"
import "@ionic/react/css/core.css"

import { Toaster } from "./components/Sonner"
// import Header from "./components/Header"
// import Footer from "./components/Footer"

const App: React.FC = () => (
  <IonApp>
    <IonReactRouter>

      <IonRouterOutlet>
        <div className="max-h-screen h-full overflow-auto">

          <AppRoutes />
          <Toaster />
        </div>

      </IonRouterOutlet>

    </IonReactRouter>
  </IonApp>
)

export default App