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

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

import './theme/variables.scss';
import Home from './pages/Home';
import React from 'react';

function DemoStickyBottomSheetExample(): React.JSX.Element {
  return (
    <IonTabs className="demo-sticky-bottom-sheet-example">
      <IonRouterOutlet>
        <Route exact path="/demo-sticky-bottom-sheet-example/home">
          <Home />
        </Route>

        <Redirect
          exact
          path="/demo-sticky-bottom-sheet-example"
          to="/demo-sticky-bottom-sheet-example/home"
        />
      </IonRouterOutlet>
    </IonTabs>
  );
}

export default DemoStickyBottomSheetExample;