18 lines
516 B
TypeScript
18 lines
516 B
TypeScript
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>
|
|
);
|