import { IonRouterOutlet, IonTabs } from '@ionic/react';

import { Route, Redirect } from 'react-router';

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

import './style.scss';
import Home from './pages/Home';

function DemoReactHookFormExample() {
  return (
    <IonTabs className="demo-react-hook-form-example">
      <IonRouterOutlet>
        <Route exact path="/demo-react-hook-form-example/home">
          <Home />
        </Route>

        <Redirect
          exact
          path="/demo-react-hook-form-example"
          to="/demo-react-hook-form-example/home"
        />
      </IonRouterOutlet>

      {/*
      <IonTabBar slot="bottom">
        <IonTabButton tab="tab1" href="/demo-react-hook-form-example/home">
          <IonIcon icon={cloudOutline} />
          <IonLabel>Dashboard</IonLabel>
        </IonTabButton>
        <IonTabButton tab="tab2" href="/demo-react-hook-form-example/tab2">
          <IonIcon icon={searchOutline} />
          <IonLabel>Search</IonLabel>
        </IonTabButton>
      </IonTabBar>
      */}
    </IonTabs>
  );
}

export default DemoReactHookFormExample;
