я пытаюсь переключиться между содержимым при смене сегмента
<IonSegment onIonChange={e => setShowContent(e.detail.value)} value="Login">
<IonSegmentButton value="Login">
<IonLabel> <b>Ingresar</b></IonLabel>
</IonSegmentButton>
<IonSegmentButton value="SignUp">
<IonLabel> <b>Registrarse</b></IonLabel>
</IonSegmentButton>
</IonSegment>
</IonHeader>
<IonContent>
<IonGrid id="Conten1">
<IonRow>
<IonCol>
Content1
</IonCol>
</IonRow>
</IonGrid>
<IonGrid id="Content2" >
<IonRow>
<IonCol>
Content2
</IonCol>
</IonRow>
</IonGrid>
Я хочу добавить класс «ion-hide» или что-то, что позволяет мне отображать и скрывать между двумя содержимым при изменении пользователя значение сегмента