import { IonBackButton, IonButtons, IonContent, IonHeader, IonToolbar } from '@ionic/react';
import { chevronBackOutline } from 'ionicons/icons';

function ShowEventDetail() {
  return (
    <>
      {/*  */}
      <IonHeader className="ion-no-border">
        <IonToolbar>
          <IonButtons slot="start">
            <IonBackButton icon={chevronBackOutline}></IonBackButton>
          </IonButtons>
        </IonToolbar>
      </IonHeader>
      {/*  */}
      <IonContent className="ion-padding">
        <h1>Page Two</h1>
        <p>Use the back button to navigate to the previous page.</p>
      </IonContent>
      {/*  */}
    </>
  );
}

export default ShowEventDetail;
