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

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

import Home from './AppPages/Home';
import BlogPost from './AppPages/BlogPost';

import './style.scss';

function DemoBlogPostUi() {
  return (
    <IonRouterOutlet className="demo-blog-post-ui">
      <Route exact path="/demo-blog-post-ui/home">
        <Home />
      </Route>

      <Route exact path="/demo-blog-post-ui/post/:id">
        <BlogPost />
      </Route>

      <Redirect exact path="/demo-blog-post-ui" to="/demo-blog-post-ui/home" />
    </IonRouterOutlet>
  );
}

export default DemoBlogPostUi;
