import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/react';
import ExploreContainer from '../../components/ExploreContainer';
import LessonContainer from '../../components/LessonContainer';
import './Lesson.css';

const Lesson: React.FC = () => {
  return (
    <IonPage>
      <IonHeader>
        <IonToolbar>
          <IonTitle>Lesson</IonTitle>
        </IonToolbar>
      </IonHeader>
      <IonContent fullscreen>
        <IonHeader collapse='condense'>
          <IonToolbar>{/* <IonTitle size='large'>Lesson</IonTitle> */}</IonToolbar>
        </IonHeader>
        <LessonContainer name='Tab 1 page' />
      </IonContent>
    </IonPage>
  );
};

export default Lesson;
