Componentizando header

src/components/PageHeader.tsx

@@ -0,0 +1,17 @@
+import { IonBackButton, IonButtons, IonHeader, IonTitle, IonToolbar } from "@ionic/react";
+
+interface ComponentProps {
+  pageName: string;
+  backButtonPageUrl?: string;
+}
+
+export const PageHeader = (props: ComponentProps) => (
+    <IonHeader translucent>
+    <IonToolbar>
+      <IonTitle>{props.pageName}</IonTitle>
+      <IonButtons slot="start">
+        <IonBackButton text="" defaultHref={ props.backButtonPageUrl ? props.backButtonPageUrl : undefined } />
+      </IonButtons>
+    </IonToolbar>
+  </IonHeader>
+);