29 lines
575 B
TypeScript
29 lines
575 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>
|
|
);
|