Rajarshee Chatterjee
25 lines
690 B
JavaScript
25 lines
690 B
JavaScript
import React from "react";
|
|
|
|
import { Appbar as MaterialAppbar } from "react-native-paper";
|
|
|
|
import { useTheme } from "../hooks/reduxHooks";
|
|
|
|
export const Appbar = ({ title, onBackAction, style, children }) => {
|
|
const theme = useTheme();
|
|
|
|
return (
|
|
<MaterialAppbar.Header
|
|
style={[{ backgroundColor: theme.colorPrimary }, style]}
|
|
>
|
|
{onBackAction && (
|
|
<MaterialAppbar.BackAction onPress={onBackAction} />
|
|
)}
|
|
<MaterialAppbar.Content
|
|
title={title}
|
|
titleStyle={{ color: theme.textColorPrimary }}
|
|
/>
|
|
{children}
|
|
</MaterialAppbar.Header>
|
|
);
|
|
};
|