import { IonIcon, IonLabel, IonRouterOutlet, IonTabBar, IonTabButton, IonTabs } from '@ionic/react';

import { cloudOutline, searchOutline } from 'ionicons/icons';
import { Route, Redirect } from 'react-router';

import Tab1 from './AppPages/Tab1';
import Tab2 from './AppPages/Tab2';

import Home from './pages/Home';

import './style.scss';

function DemoCapacitorGoogleMapsTutorial() {
  return (
    <IonTabs>
      <IonRouterOutlet>
        <Route exact path="/demo-capacitor-google-maps-tutorial/tab1">
          <Tab1 />
        </Route>
        <Route exact path="/demo-capacitor-google-maps-tutorial/tab2">
          <Tab2 />
        </Route>

        <Route exact path="/demo-capacitor-google-maps-tutorial/home">
          <Home />
        </Route>

        <Redirect exact path="/demo-capacitor-google-maps-tutorial" to="/demo-capacitor-google-maps-tutorial/home" />
      </IonRouterOutlet>
    </IonTabs>
  );
}

export default DemoCapacitorGoogleMapsTutorial;
