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 Tab1 from './pages/Tab1';
import Tab2 from './pages/Tab2';
import Tab3 from './pages/Tab3';
import Tabs from './components/Tabs';

import './style.scss';

function DemoFacebookClone() {
  return (
    <IonRouterOutlet>
      <Route path="/demo-facebook-clone/tabs" render={() => <Tabs />} />
      <Route exact path="/demo-facebook-clone/timeline" render={() => <Tab2 />} />

      <Redirect exact path="/demo-facebook-clone" to="/demo-facebook-clone/timeline" />
    </IonRouterOutlet>
  );
}

export default DemoFacebookClone;
