import { IonApp , setupIonicReact } from '@ionic/react' ; import React from 'react' ; import { Route } from 'react-router-dom' ; import '@ionic/react/css/core.css' ; import '@ionic/react/css/normalize.css' ; import '@ionic/react/css/structure.css' ; import '@ionic/react/css/typography.css' ; import '@ionic/react/css/display.css' ; import '@ionic/react/css/flex-utils.css' ; import '@ionic/react/css/float-elements.css' ; import '@ionic/react/css/padding.css' ; import '@ionic/react/css/text-alignment.css' ; import '@ionic/react/css/text-transformation.css' ; import './theme/variables.css' ; import Main from './pages/Main' ; import { IonReactRouter } from '@ionic/react-router' ; import DynamicRoutes from './pages/dynamic-routes/DynamicRoutes' ; import Routing from './pages/routing/Routing' ; import MultipleTabs from './pages/muiltiple-tabs/MultipleTabs' ; import DynamicTabs from './pages/dynamic-tabs/DynamicTabs' ; import NestedOutlet from './pages/nested-outlet/NestedOutlet' ; import NestedOutlet2 from './pages/nested-outlet/NestedOutlet2' ; import ReplaceAction from './pages/replace-action/Replace' ; import TabsContext from './pages/tab-context/TabContext' ; import { OutletRef } from './pages/outlet-ref/OutletRef' ; import { SwipeToGoBack } from './pages/swipe-to-go-back/SwipToGoBack' ; import Refs from './pages/refs/Refs' ; import DynamicIonpageClassnames from './pages/dynamic-ionpage-classnames/DynamicIonpageClassnames' ; import Tabs from './pages/tabs/Tabs' ; import TabsSecondary from './pages/tabs/TabsSecondary' ; setupIonicReact ( ) ; const App = ( ) => { return ( < IonApp > < IonReactRouter > < Route path = "/" component = { Main } exact / > < Route path = "/routing" component = { Routing } / > < Route path = "/dynamic-routes" component = { DynamicRoutes } / > < Route path = "/multiple-tabs" component = { MultipleTabs } / > < Route path = "/dynamic-tabs" component = { DynamicTabs } / > < Route path = "/nested-outlet" component = { NestedOutlet } / > < Route path = "/nested-outlet2" component = { NestedOutlet2 } / > < Route path = "/replace-action" component = { ReplaceAction } / > < Route path = "/tab-context" component = { TabsContext } / > < Route path = "/outlet-ref" component = { OutletRef } / > < Route path = "/swipe-to-go-back" component = { SwipeToGoBack } / > < Route path = "/dynamic-ionpage-classnames" component = { DynamicIonpageClassnames } / > < Route path = "/tabs" component = { Tabs } / > < Route path = "/tabs-secondary" component = { TabsSecondary } / > < Route path = "/refs" component = { Refs } / > < /IonReactRouter> < /IonApp>); } ; export default App ;