cally/components/shared/HeaderTemplate.tsx

import { View, Text } from "react-native-ui-lib";
import React from "react";
import { useAuthContext } from "@/contexts/AuthContext";

const HeaderTemplate = (props: { message: string; isWelcome: boolean; children?: React.ReactNode }) => {
  const { user, profileData } = useAuthContext();
  return (
    <View row centerV padding-25>
      <View
        backgroundColor="pink"
        height={65}
        width={65}
        style={{ borderRadius: 22 }}
        marginR-20
      />
      <View>
        {props.isWelcome && <Text text70L>Welcome, {user?.email}!</Text>}
        <Text text70BL>{props.message}</Text>
        {props.children && <View>{props.children}</View>}
      </View>
    </View>
  );
};

export default HeaderTemplate;